分析優(yōu)秀網(wǎng)站的配色規(guī)律.doc

分析優(yōu)秀網(wǎng)站的配色規(guī)律實訓(xùn)目的通過實際瀏覽比較并篩選各種網(wǎng)站，理解網(wǎng)站配色的原理和方法。在潛移默化中提升網(wǎng)站色彩搭配的審美品味，開闊設(shè)計眼界。實訓(xùn)內(nèi)容1.上網(wǎng)瀏覽學(xué)習(xí)明顯采用同類色相、類似色相、臨近色相、對比色相、互補色相這五種色相對比方式進行配色的網(wǎng)站，每種至少一個精選的網(wǎng)站例子，標明網(wǎng)址，每個網(wǎng)站截屏3張，并分析其配色，用Photoshop制作色帶。2. 上網(wǎng)瀏覽學(xué)習(xí)明顯采用高明度配色、低明度配色、高彩度配色、低彩度配色的網(wǎng)站，每種至少一個精選的網(wǎng)站例子，標明網(wǎng)址，每個網(wǎng)站截屏3張，并分析其配色，用Photoshop制作色帶。3.將所選例子的截屏、網(wǎng)址、分析文字及色帶制作成可展示的PPT。要求所選網(wǎng)站配色較為典型，PPT條理清晰，信息完整。實訓(xùn)要求教師指導(dǎo)2學(xué)時，學(xué)生課后練習(xí)16學(xué)時或以上。實 訓(xùn) 過 程 記 錄步驟簡述：網(wǎng)站的配色呢，要看這個網(wǎng)站的行業(yè)，還有這個網(wǎng)站服務(wù)的公司的定位，都是需要去定位的！ 不是很簡單的就是說配色就可以了，就是說要讓瀏覽者看到這個網(wǎng)站之后，就可以馬上知道這個網(wǎng)站這個公司是做什么的，都有哪些項目。 還有就是，網(wǎng)站的架構(gòu)，布局和網(wǎng)站的顏色搭配都是一起的，用何種顏色來表達出這個網(wǎng)站的定位和信息，然后根據(jù)這個網(wǎng)站到布局和架構(gòu)以及功能來引導(dǎo)瀏覽者瀏覽這個網(wǎng)頁，最終實現(xiàn)你創(chuàng)辦這個網(wǎng)站的目的！這后面就是要說到網(wǎng)站的運營了。 你可以去搜索一下顏色代表的意思！ 這樣呢，你就可以去做網(wǎng)站設(shè)計和版面的設(shè)計了。1 美工美工的主要任務(wù)是設(shè)計。了解用戶的意圖，分析網(wǎng)站配色，基本布局。繪制出一個網(wǎng)站效果圖。美工需要掌握的知識體系應(yīng)該包括網(wǎng)頁設(shè)計，UI（User Interface）用戶界面人機交互、操作邏輯、界面美觀的整體設(shè)計，UED（user experience design）用戶體驗設(shè)計-簡單來說就是如何使得網(wǎng)站更加便于交互。2前端開發(fā)美工在完成設(shè)計效果圖之后，由前端開發(fā)人員將其制作成為適合瀏覽器查看的HTML頁面。由于現(xiàn)在移動互聯(lián)網(wǎng)的大規(guī)模流行，加上各個不同廠商的瀏覽器的激烈競爭，前端開發(fā)的主要任務(wù)簡單來說就是使網(wǎng)頁在不同瀏覽器不同分辨率不同設(shè)備上提供相似或相近的瀏覽體驗。前端開發(fā)需要掌握的知識體系主要是兼容性問題的解決，流暢完美的交互體驗。具體到技術(shù)細節(jié)上就是HTML，CSS，JavaScript，各大公司各種不同內(nèi)核的瀏覽器、各種各樣的JS庫、簡單的與后臺交互的知識。3 后臺開發(fā)前臺開發(fā)完成之后，就是后臺程序員的工作了，相比較前端來說，后臺更像傳統(tǒng)意義上的程序員。后臺的工作簡單來說就是網(wǎng)頁文件對數(shù)據(jù)庫的增刪改查。后臺需要掌握的知識體系應(yīng)該包括，編程基礎(chǔ)，基本HTML語言，至少一門主流網(wǎng)頁語言（C#,C+,JAVA,PHP等），數(shù)據(jù)庫的操作等等。4 宣傳推廣前三個步驟完成之后，網(wǎng)站一定要推廣，簡單說就是營銷。營銷人員應(yīng)該掌握的知識體系應(yīng)該包括SEO,SEM,線上線下推廣，事件營銷，危機公關(guān)等等復(fù)雜的知識。我對這個部分涉獵不多，不多說了。另外，大型網(wǎng)站通常會在這四個崗位之間設(shè)立經(jīng)理或有的公司叫網(wǎng)頁架構(gòu)師，經(jīng)理主要是用來協(xié)調(diào)，溝通，領(lǐng)導(dǎo)這四個崗位。至于四個崗位有多少人就完全取決于公司的網(wǎng)站的規(guī)模了，我自己在2000年的時候做網(wǎng)頁基本上是四個活一個人做，除此之外還兼公司網(wǎng)