網站開發要注意哪些顔色的(de)運用(yòng)技巧

在網站設計中，顔色的(de)運用(yòng)如果運用(yòng)得(de)當，會讓網站看起來(lái)很不一般。其實網頁設計中的(de)配色和(hé)用(yòng)色方式，是一件非常有趣又值得(de)思考的(de)事情。盡管絕大(dà)多(duō)數的(de)網站看起來(lái)非常相似，但是巧妙的(de)用(yòng)色會讓布局平庸的(de)網站顯得(de)不同凡響。

 

看一下(xià)現在絕大(dà)多(duō)數的(de)網站配色看起來(lái)确實非常相似，那麽配色的(de)意義又何在呢(ne)?如果全世界所有的(de)網站都采用(yòng)五彩缤紛的(de)配色，那麽不會有任何網站從中脫穎而出。當然，今天的(de)網頁設計界已經很接近這(zhè)個(gè)狀況了(le)。從這(zhè)個(gè)角度上來(lái)看，柔和(hé)的(de)色調會更容易讓用(yòng)戶眼前一亮。

 

一、用(yòng)色彩引導用(yòng)戶注意力

絕大(dà)多(duō)數網站在布局設計之初，通(tōng)常就采用(yòng)簡單的(de)黑(hēi)白灰，白色背景+黑(hēi)色文字。而色彩在這(zhè)種情況下(xià)會起到強調和(hé)高(gāo)亮的(de)作用(yòng)，可(kě)以引導用(yòng)戶注意按鈕、标題和(hé)鏈接。

 

二、創造個(gè)性

色彩的(de)美(měi)好之初在于它可(kě)以爲網站或者品牌定下(xià)基調或者營造情感、傳達情緒。舉個(gè)例子，Beagleis爲用(yòng)戶提供制作項目簡介的(de)服務，而他(tā)們的(de)網站配色采用(yòng)的(de)是自然系色彩。當你向下(xià)滾動的(de)時(shí)候，背景色會從綠色變爲棕色、深灰甚至粉紅色。自然色能給人(rén)優雅而專業的(de)感受，從而讓這(zhè)個(gè)服務給人(rén)留下(xià)深刻的(de)印象。

 

三、用(yòng)色彩發聲

用(yòng)色彩來(lái)發聲，做(zuò)一個(gè)屬于自己網站的(de)聲明(míng)，這(zhè)比起單純的(de)“吸引用(yòng)戶”來(lái)的(de)更加有趣。要吸引用(yòng)戶注意力，色彩足夠突出就行，但是更重要的(de)是，這(zhè)種色彩要足夠爲你“做(zuò)聲明(míng)”。你不能随便挑選一個(gè)鮮豔的(de)色彩，這(zhè)個(gè)色彩還(hái)要契合你的(de)精神，想要傳遞的(de)獨特情緒。

 

四、增強凝聚力，引導用(yòng)戶流程

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

 

五、圖片中的(de)色彩

借助圖片中的(de)色彩來(lái)構建配色是非常有趣的(de)用(yòng)色技巧，UI元素确實不是網頁中唯一可(kě)設計的(de)色彩。大(dà)圖背景和(hé)高(gāo)清産品圖的(de)流行使得(de)圖片色彩成爲整個(gè)設計中不可(kě)忽視的(de)和(hé)總要組成，通(tōng)過合成圖片将色彩注入到設計中，也(yě)是相當不錯的(de)選擇。

用(yòng)最視覺化(huà)的(de)方式來(lái)呈現自己的(de)産品，讓色彩爲産品代言。說到讓産品，ETQ也(yě)同樣讓産品優先級壓過UI，極簡的(de)網站設計風格之下(xià)，配色方案顯然是延續自産品配色。設計師讓産品本身成爲視覺重心，盡管不是所有的(de)鞋子都是五顔六色，但依然盡量讓配色兼容盡量多(duō)的(de)産品，這(zhè)也(yě)是真正意義上的(de)以産品爲中心。

 

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

并不是所有的(de)網站都需要鮮豔的(de)色彩。依然有許多(duō)獨特的(de)網站使用(yòng)經典的(de)黑(hēi)白灰來(lái)作爲配色方案，而這(zhè)些中性色也(yě)很好地呈現出了(le)屬于它們的(de)情緒。

 

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