三分鐘讀懂網(wǎng)頁設(shè)計用色指南

　　今天網(wǎng)頁設(shè)計中的配色和用色方式，是一件非常有趣又值得思考的事情。盡管絕大多數(shù)的網(wǎng)站看起來非常相似，但是巧妙的用色會讓布局平庸的網(wǎng)站顯得不同凡響。那么配色的意義又何在呢?如果全世界所有的網(wǎng)站都采用五彩繽紛的配色，那么不會有任何網(wǎng)站從中脫穎而出。當然，今天的網(wǎng)頁設(shè)計界已經(jīng)很接近這個狀況了。從這個角度上來看，柔和的色調(diào)會更容易讓用戶眼前一亮。

　　1、用色彩引導(dǎo)用戶注意力

　　絕大多數(shù)網(wǎng)站在布局設(shè)計之初，通常會采用簡單的黑白灰，白色背景+黑色文字。而色彩在這種情況下會起到強調(diào)和高亮的作用，可以引導(dǎo)用戶注意按鈕、標題和鏈接。

　　這些案例都講述了如何用色彩來吸引用戶的注意力。

　　2、創(chuàng)造個性

　　色彩是很美好的，它可以為網(wǎng)站或者品牌定下基調(diào)或者營造情感、傳達情緒。Beagleis為用戶提供制作項目簡介的服務(wù)，而他們的網(wǎng)站配色采用的是自然系色彩。當你向下滾動的時候，背景色會從綠色變?yōu)樽厣⑸罨疑踔练奂t色。自然色能給人優(yōu)雅而專業(yè)的感受，從而讓這個服務(wù)給人留下深刻的印象。

　　3、用彩色發(fā)聲

　　用色彩來發(fā)聲，做一個屬于自己網(wǎng)站的聲明，這比起單純的“吸引用戶”要更加有趣。要吸引用戶注意力，色彩足夠突出就行，但是更重要的是，這種色彩要足夠為你“做聲明”。你不能隨便挑選一個鮮艷的色彩，這個色彩還要契合你的精神，想要傳遞的獨特情緒。

　　4、增強凝聚力，引導(dǎo)用戶流程

   色彩同樣可以用來引導(dǎo)用戶來進行用戶流程。就像上方Takeit的案例，色彩會引導(dǎo)用戶的眼睛，但是不會采用太過激烈的搭配方式。微妙而富有凝聚力的配色方案會讓用戶更加舒適，引導(dǎo)效果也更好。色彩彼此襯托營造獨特的品牌視覺，也構(gòu)成用戶的視覺路徑，吸引他們看下去。

　　5、圖片中的色彩

    借助圖片中的色彩來構(gòu)建配色是非常有趣的用色技巧，UI元素確實不是網(wǎng)頁中唯一可設(shè)計的色彩。大圖背景和高清產(chǎn)品圖的流行使得圖片色彩成為整個設(shè)計中不可忽視的重要組成，通過合成圖片將色彩注入到設(shè)計中，也是相當不錯的的選擇。

　　6、不是所有網(wǎng)站都要用顯眼的色彩

    并不是所有的網(wǎng)站都需要鮮艷的色彩。依然有許多獨特的網(wǎng)站使用經(jīng)典的黑白灰來作為配色方案，而這些中性色也很好地呈現(xiàn)出了屬于它們的情緒。

　　色彩是強大的，它們會以各種方式融入設(shè)計。它們除了強大的視覺特征，還擁有不俗的功能性，引導(dǎo)用戶，提升凝聚力，展現(xiàn)風格，傳遞信息，勾勒性格，甚至賦予設(shè)計以含義。