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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

并非所有網站都必須是顯眼的顏色

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

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

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

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