其實今天網頁設計中的配色和用色方式，是一件非常有趣又值得思考的事(shì)情。盡管絕大多數的網站看起(qǐ)來非常相似，但是巧妙的用色會讓布局平庸的網站顯得不同凡響。

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

其實我并不是想說某種(zhǒng)革命性的用色技巧或者某個全新的發(fā)現，但是絕大多數的網站配色看起(qǐ)來确實非常相似。那麼(me)配色的意義又何在呢？如果全世界所有的網站都(dōu)采用五彩缤紛的配色，那麼(me)不會有任何網站從中脫穎而出。當然，今天的網頁設計界已經(jīng)很接近這(zhè)個狀況了。從這(zhè)個角度上來看，柔和的色調會更容易讓用戶眼前一亮。

用色彩引導用戶注意力

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

以Vibrant 的網頁設計爲例，他們的首頁中背景和圖像都(dōu)采用的是黑白色調，但是LOGO，按鈕和漢堡圖标都(dōu)采用的是閃亮的黃色，它們可以很快抓住用戶的注意力。

Takeit 的頁面(miàn)設計同樣(yàng)如此，整屏的藍色背景讓白色的網頁元素顯得非常明顯。白色的大标題是視覺重心，然後(hòu)用戶會注意到标題周圍的App Store按鈕，LOGO和漢堡菜單。

這(zhè)些案例都(dōu)講述了如何用色彩來吸引用戶注意力。

創造個性

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

An interesting Day 是爲一個“在奧斯陸峽灣的小島上上爲期一天的奇怪小型會議”而設計的網站。黃色背景上用紅色文字的網站并不多見，配合著(zhe)個性十足的圖片，整個網站所有的設計元素都(dōu)是在爲你闡明“奇怪”的特色。

用色彩發(fā)聲

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

就以Gaga 交響樂的著(zhe)陸頁爲例，當你打開(kāi)網站的時候，鮮亮的粉色會讓你眼前一亮。在“交響樂”的主題之下，用戶對(duì)網站風格的預期是沉穩的色調，但是亮粉色則完全不再低調優雅之列，但是它符合網站中交響樂活力四射、樂趣無窮和創造力十足的特色，所以，此處的亮粉色符合邏輯，也爲設計者“發(fā)聲”了。

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

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

諸如著名的生産力工具Dropbox和Marvel也是這(zhè)樣(yàng)來進(jìn)行配色的，Dropbox尤爲典型。兩(liǎng)個工具都(dōu)采用了藍色作爲主色調，同時還(hái)使用了綠色、橙色和紅色來搭配，整個近似色和對(duì)比色都(dōu)有了，幾種(zhǒng)色彩在一起(qǐ)會給人一種(zhǒng)相互搭配良好(hǎo)的感覺。

Innovation Project Canvas 的情況則稍有不同，設計師使用單純的綠色來引導用戶浏覽，網頁并未使用更多的色彩，但是童言非常優秀地完成(chéng)了極具凝集力的色彩設計。

圖片中的色彩

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

CartoDB 是一款可以將(jiāng)位置數據可視化的有趣APP，那麼(me)有什麼(me)能(néng)比真實的地圖來的更加直觀美麗呢？所以它出現在網站首頁，用最視覺化的方式來呈現自己的産品，讓色彩爲産品代言。

說道(dào)讓産品，ETQ也同樣(yàng)讓産品優先級壓過(guò)UI，極簡的網站設計風格之下，配色方案顯然是延續自産品配色。設計師讓産品本身成(chéng)爲視覺重心，盡管不是所有的鞋子都(dōu)是五顔六色，但依然盡量讓配色兼容盡量多的産品，這(zhè)也是真正意義上的以産品爲中心。

不是所有網站都(dōu)要顯眼的色彩

并不是所有的網站都(dōu)需要鮮豔的色彩。依然有許多獨特的網站使用經(jīng)典的黑白灰來作爲配色方案，而這(zhè)些中性色也很好(hǎo)地呈現出了屬于它們的情緒。

Visual Soldiers 和 Tomasz Wysocki 的網站都(dōu)是這(zhè)樣(yàng)，優雅而幹練的色調是它們的基因。簡練的布局和獨特的品牌定位，使得它們無需鮮豔的色彩來呈現CTA按鈕和邊角的菜單，安靜的白與黑就足夠了。

結語

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

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

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。