在今天的網(wǎng)頁(yè)設(shè)計(jì)中，配色和用色方式是一件非常有趣又值得思考的事情。盡管絕大多數(shù)的網(wǎng)站看起來(lái)非常相似，但是巧妙的用色會(huì)讓布局平庸的網(wǎng)站顯得不同凡響。那么配色的意義有何在呢?如果全世界所有的網(wǎng)站都采用五彩繽紛的配色，那么不會(huì)又任何網(wǎng)站從中脫穎而出。今天，中國(guó)設(shè)計(jì)網(wǎng)分享一份簡(jiǎn)單明了的網(wǎng)頁(yè)設(shè)計(jì)用色指南。

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

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

　　創(chuàng)造個(gè)性

　　色彩的美好之初字啊與，它可以為網(wǎng)站或者品牌定下基調(diào)或者營(yíng)造情感、傳達(dá)情緒。Beagleis 為用戶提供制作項(xiàng)目簡(jiǎn)介的服務(wù)，而他們的網(wǎng)站配色采用的是自然系色彩。當(dāng)你向下滾動(dòng)的時(shí)候，背景色會(huì)從綠色變?yōu)樽厣?、深灰甚至粉紅色。自然色能給人優(yōu)雅而專(zhuān)業(yè)的感受，從而讓這個(gè)服務(wù)給人留下深刻的印象。

　　用色彩發(fā)聲

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

　　增強(qiáng)凝聚力，引導(dǎo)用戶流程

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

　　圖片中的色彩

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

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

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

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

　　你需要思考色彩的多與少，了解色彩在網(wǎng)頁(yè)設(shè)計(jì)中的度，熟悉每種色彩的性格，明白如何在繁雜的噪音和廣袤的世界中找到屬于自己的位置。