在網站設計中，顏色的運用如果運用得當，會讓網站看起來很不一般。其實網頁設計中的配色和用色方式，是一件非常有趣又值得思考的事情。盡管絕大多數的網站看起來非常相似，但是巧妙的用色會讓布局平庸的網站顯得不同凡響。

 

看一下現在絕大多數的網站配色看起來確實非常相似，那么配色的意義又何在呢?如果全世界所有的網站都采用五彩繽紛的配色，那么不會有任何網站從中脫穎而出。當然，今天的網頁設計界已經很接近這個狀況了。從這個角度上來看，柔和的色調會更容易讓用戶眼前一亮。

 

一、用色彩引導用戶注意力

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

 

二、創造個性

色彩的美好之初在于它可以為網站或者品牌定下基調或者營造情感、傳達情緒。舉個例子，Beagleis為用戶提供制作項目簡介的服務，而他們的網站配色采用的是自然系色彩。當你向下滾動的時候，背景色會從綠色變為棕色、深灰甚至粉紅色。自然色能給人優雅而專業的感受，從而讓這個服務給人留下深刻的印象。

 

三、用色彩發聲

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

 

四、增強凝聚力，引導用戶流程

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

 

五、圖片中的色彩

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

用最視覺化的方式來呈現自己的產品，讓色彩為產品代言。說到讓產品，ETQ也同樣讓產品優先級壓過UI，極簡的網站設計風格之下，配色方案顯然是延續自產品配色。設計師讓產品本身成為視覺重心，盡管不是所有的鞋子都是五顏六色，但依然盡量讓配色兼容盡量多的產品，這也是真正意義上的以產品為中心。

 

六、不是所有網站都要顯眼的色彩

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

 

色彩是強大的，它們會以各種方式融入設計。它們除了強大的視覺特征，還擁有不俗的功能性，引導用戶，提升凝聚力，展現風格，傳遞信息，勾勒性格，甚至賦予設計以含義。你需要思考色彩的多與少，了解色彩在網頁設計中的度，熟悉每種色彩的性格，明白如何在繁雜的噪音和廣袤的世界中找到屬于自己的位置。