事實上，今天的網(wǎng)頁設(shè)計中的色彩匹配和著色方法非常有趣，值得思考。盡管絕大多數(shù)網(wǎng)站看起來非常相似，但巧妙地使用顏色會使平庸的布局網(wǎng)站脫穎而出。

事實上，我不想說革命性的色彩技術(shù)或新發(fā)現(xiàn)，但大多數(shù)網(wǎng)站顏色看起來非常相似。那么色彩匹配的含義是什么？如果世界上所有的網(wǎng)站都是彩色的，那么沒有網(wǎng)站會從人群中脫穎而出。當(dāng)然，今天的網(wǎng)頁設(shè)計社區(qū)非常接近這種情況。從這個角度來看，柔和的色調(diào)將使用戶更容易發(fā)光。

大多數(shù)網(wǎng)站通常在布局設(shè)計的開頭設(shè)計有簡單的黑白灰色，白色背景+黑色文本。在這種情況下，顏色在突出顯示和突出顯示方面起著重要作用，引導(dǎo)用戶使用按鈕，標(biāo)題和鏈接。

以Vibrant的網(wǎng)頁設(shè)計為例。頁面中的背景和圖像為黑色和白色，但徽標(biāo)，按鈕和漢堡圖標(biāo)均為閃亮的黃色，很快引起了用戶的注意。

Takeit的頁面設(shè)計也是如此，整個屏幕的藍(lán)色背景使白頁元素非常明顯。白色標(biāo)題是視覺重心，用戶會注意到標(biāo)題周圍的App Store按鈕，LOGO和漢堡菜單。

這些案例講述了如何使用顏色吸引用戶的注意力。

這個詞的顏色的開頭，它可以為網(wǎng)站或品牌設(shè)定基調(diào)或創(chuàng)造情感并傳達情感。 Beagleis為用戶提供創(chuàng)建項目配置文件的服務(wù)，而他們的網(wǎng)站配色方案使用自然色。向下滾動時，背景顏色從綠色變?yōu)樽厣罨疑踔练奂t色。自然的色彩給人以優(yōu)雅的感覺，這使得這項服務(wù)令人印象深刻。

一個有趣的日子是一個網(wǎng)站，專為在奧斯陸峽灣的小島上舉行的“為期一天的小型會議”而設(shè)計。在黃色背景上帶有紅色文字的網(wǎng)站很少見。有了完整的圖片，網(wǎng)站的所有設(shè)計元素都是為了澄清“奇怪”的特征。

使用顏色發(fā)聲并聲明自己的網(wǎng)站，這比簡單地“吸引用戶”更有趣。為了吸引用戶的注意力，顏色足以突出，但更重要的是，這種顏色足以“宣告”給你。你不能只選擇鮮艷的顏色，這種顏色也符合你的精神，你想傳達的獨特情感。

以Gaga Symphony的登陸頁面為例。當(dāng)你打開網(wǎng)站時，亮粉色會讓你的眼睛閃耀。在“交響樂”的主題下，用戶對網(wǎng)站風(fēng)格的期待是一種平靜的基調(diào)，但鮮艷的粉紅色不再是低調(diào)的優(yōu)雅，而是符合網(wǎng)站交響樂的活力，樂趣和創(chuàng)造力。因此，這里的亮粉色是合乎邏輯的，也是設(shè)計師的“聲音”。

顏色還可用于指導(dǎo)用戶完成用戶流程。與上面的Takeit一樣，顏色會引導(dǎo)用戶的眼睛，但不會太強烈。微妙而有凝聚力的配色方案將使用戶更舒適，更好地引導(dǎo)。色彩相互襯托，創(chuàng)造出獨特的品牌視覺，也構(gòu)成了用戶的視覺路徑，吸引他們觀看。

Dropbox和Marvel，例如著名的生產(chǎn)力工具，也是如此，而Dropbox尤為典型。這兩種工具都使用藍(lán)色作為主色，并且還使用綠色，橙色和紅色來匹配，整個近似顏色和對比色都有，并且?guī)追N顏色在一起會給人一種良好的相互匹配感。

Innovation Project Canvas的案例略有不同。設(shè)計師使用純綠色來引導(dǎo)用戶完成瀏覽。網(wǎng)頁沒有使用更多的顏色，但孩子們的文字很好地完成了一個非常有凝聚力的顏色設(shè)計。

使用圖像中的顏色構(gòu)建顏色是一種非常有趣的著色技術(shù)，UI元素實際上不是可以在網(wǎng)頁中設(shè)計的顏色。大圖像背景和高清產(chǎn)品圖的流行使圖像顏色成為整個設(shè)計中不可忽略的組成部分。通過合成圖像將顏色注入到設(shè)計中也是一個不錯的選擇。

CartoDB是一個有趣的應(yīng)用程序，可以顯示位置數(shù)據(jù)，那么什么比真實的地圖更直觀和美觀？因此它出現(xiàn)在網(wǎng)站頁面上，可視化展示產(chǎn)品的方式，讓顏色成為產(chǎn)品認(rèn)可。

說讓產(chǎn)品，ETQ也讓產(chǎn)品優(yōu)先于UI，在極簡主義的網(wǎng)站設(shè)計風(fēng)格下，配色方案顯然是從產(chǎn)品顏色上延續(xù)下來的。設(shè)計師將產(chǎn)品本身視為一種視覺重心，雖然并非所有的鞋子都是色彩鮮艷的，但是盡量使顏色匹配與盡可能多的產(chǎn)品兼容，這也是真正意義上的產(chǎn)品中心。

并非所有網(wǎng)站都必須是顯眼的顏色

并非所有網(wǎng)站都需要鮮艷的色彩。仍然有許多獨特的網(wǎng)站使用經(jīng)典的黑白灰作為配色方案，這些中性色也表現(xiàn)出他們的情感。

視覺士兵和Tomasz Wysocki的網(wǎng)站都是這樣的，優(yōu)雅而有能力的音調(diào)是他們的基因。簡潔的布局和獨特的品牌定位使它們看起來像CTA按鈕和角落，不需要鮮艷的色彩，安靜的白色和黑色就足夠了。

顏色很強大，它們以各種方式融入設(shè)計中。除了強大的視覺功能外，它們還具有良好的功能，引導(dǎo)用戶，增強凝聚力，表達風(fēng)格，傳達信息，素描人物，甚至賦予設(shè)計意義。

您需要考慮顏色和顏色的數(shù)量，了解網(wǎng)頁設(shè)計中的顏色程度，熟悉每種顏色的特征，并了解如何在復(fù)雜的噪音和廣闊的世界中找到自己的位置。