顏色的使用在網(wǎng)頁制作中起著非常關(guān)鍵的作用,有很多網(wǎng)站以其成功的色彩搭配令人過目不忘。
但是對于剛開始學(xué)習(xí)制作網(wǎng)頁的人來說,往往不容易駕馭好網(wǎng)頁的顏色搭配。除了學(xué)習(xí)各種色彩理論和方法之外,多學(xué)習(xí)一些著名網(wǎng)站的用色方法,對于我們制作美麗的網(wǎng)頁可以起到事半功倍的作用??偨Y(jié)了一些著名網(wǎng)站的顏色搭配方法,這些方法可以讓我們的學(xué)習(xí)少走彎路,快速提高我們的網(wǎng)頁制作水平。
一、顏色選擇
我們要做的第一步是顏色選擇,在網(wǎng)站剛開始要設(shè)計(jì)的時候,這一點(diǎn)就要著手去做了,在這里要注意的是顏色的選擇并不是憑空想象的,而是要根據(jù)服務(wù)產(chǎn)品的定位、風(fēng)格、還有要傳達(dá)給用戶的理念,將這幾點(diǎn)考慮到,在進(jìn)行選取,而不是根據(jù)自己的經(jīng)驗(yàn)或者嗜好來。
我們來舉個例子,假如說為一家大型企業(yè)設(shè)計(jì)官網(wǎng),這家企業(yè)的要求是 VI 風(fēng)格,采用統(tǒng)一配色,那么這家企業(yè)官網(wǎng)的配色我們就應(yīng)該選取 VI 的風(fēng)格配色。
選色的方法:
(1)工具流:這個鏈接包含大量選色工具12個適合設(shè)計(jì)師的在線色彩搭配工具
(2)參考流:尋找別人的網(wǎng)站作為參考選取顏色(但是注意要風(fēng)格類似,比如你的客戶要求高雅風(fēng)格,你就去找類似風(fēng)格的網(wǎng)站選色),這個方法適用于初學(xué)者。
二、顏色的分配
當(dāng)你選取好了主色系之后,那就應(yīng)該要考慮如何將它們分配到網(wǎng)頁的每一個位置中去了,這里的操作也要講究的,我們要注意的是,如果在紅綠兩色之間加其它的顏色的話,進(jìn)行調(diào)和是可以搭配出很好看的色彩的,大家可以看看圣誕節(jié)各大電子商務(wù)網(wǎng)站的banner。
顏色選擇好之后我們就開始對顏色進(jìn)行搭配,這個時候設(shè)計(jì)師就要利用上色彩基礎(chǔ)知識了,色彩分為主色、輔助色、點(diǎn)綴色這三個叫法,如果可以的話還可以細(xì)分,一個網(wǎng)站的主色調(diào),是可以傳達(dá)網(wǎng)站的整體風(fēng)格的,面積也是最大的,所以在選擇色階段選取的幾個顏色中選一個作為主色,然后用在網(wǎng)頁中需求最多的地方,如果banner的顏色,導(dǎo)航的背景色、文字標(biāo)題的顏色等等,輔助色是比主色百分比略少的顏色,點(diǎn)綴色一般是飽和度較高的顏色,一般用在網(wǎng)頁中的強(qiáng)調(diào)內(nèi)容或者突出的內(nèi)容,如按鈕、鏈接等,三種顏色在整個網(wǎng)頁的比重大概是60%、30%、10%.