用戶界面(miàn)的構建過(guò)程之中，尤爲耗時(shí)的事(shì)情是色彩的選擇。其實能(néng)夠與整個設計項目貼合、能(néng)夠覆蓋整個設計之中所有元素需求的配色，需要于設計之中急速的調整與驗證。一套強大因而有效的配色方案，可能(néng)需要好(hǎo)幾個小時(shí)來回的打磨。
所以，今天的文章，我們總結了6個關鍵的配色技巧，幫助設計師于進(jìn)行網頁設計的時(shí)候，選擇合适的色彩，使得配色的過(guò)程更爲輕松高效。
技巧1、掌握60-30-10原則
60-30-10原則最爲早是源自在室内設計領域，室内設計師借助這(zhè)一原則，創造出協調的室内設計配色。這(zhè)一原則非常容易理解，借以達到平衡的配色，幾種(zhǒng)色彩遵循這(zhè)60%—30%—10%這(zhè)樣的色彩配比。其中占據60% 的是主色，因而30%亦是次住色，因而占據10%的色彩應當作爲提亮色。
這(zhè)一的配色比例遭認爲是甚作爲令人愉悅的，于視覺感知之上，它提供了一個十分讓人舒适的色彩層次，這(zhè)樣的控制讓整個網頁的色彩以此一種(zhǒng)可控的比例呈現出來，因而絕不是把整個設計弄得一團糟。
技巧2、對(duì)比是你最爲好(hǎo)的朋友
色彩的對(duì)比基本上是任何視覺構圖的關鍵部分。對(duì)于比度創造了UI元素的差異，亦賦予它們以此性格。值得注意的是，UI其中來自同一色系的色彩常常絕不會(huì)呈現出明顯的對(duì)比度，因而可識别度比較低的文本尤爲界面(miàn)信息傳達與交互的障礙。
設計師需要依據設計目标，來合理地控制整個産品的對(duì)比度高低。舉個例子，假如你需要讓用戶注意到特定的元素，那麼(me)最爲好(hǎo)使用高對(duì)比度的色彩來達到引人矚目的視覺體驗，比如使用高對(duì)比度的紅色與藍色。CTA按鈕經(jīng)常便是使用這(zhè)樣的色彩。
不過(guò)，把UI視作爲整體的話，高對(duì)比度的色彩可能(néng)并且總額能(néng)奏效。文本内容與背景的對(duì)比需要控制于一個合理的度下面(miàn)，的話便會(huì)由于對(duì)比過(guò)小産生「暈影」的視覺效果，這(zhè)會(huì)影響長(cháng)時(shí)間閱讀的閱讀體驗。這(zhè)便是爲什麼(me)會(huì)建議設計師采用溫和的對(duì)比度控制，并僅于特定的元素之上使用高對(duì)比度。透過(guò)于不同的設備之上測試，可以讓設計師保持配色的可用性與泛用性。
技巧3、參考色彩心理學(xué)
正在如同我們于前文之中所提到的，大量我們所熟知的設計工作流程均是根據心理學(xué)原理開(kāi)展的。色彩心理學(xué)是與設計息息相關的一個心理學(xué)分支，它重要研究色彩對(duì)人類情緒與行爲之上的影響。我們腦部對(duì)色彩的反應實際上是非常敏感與多樣的，不過(guò)于日常生活之中我們非常難直觀地、迅速地感受到。如果人的眼睛感知到一種(zhǒng)色彩的時(shí)候，會(huì)往大腦之内的分泌系統發(fā)出信号，并釋放刺激産生對(duì)應情緒的激素。
每種(zhǒng)色彩對(duì)我們的感知與思維均有獨特的影響力，了解這(zhè)些可能(néng)的反應最後(hòu)可以幫助設計師正确地傳遞信息，并引導用戶依照設計師的預期用以執行。上面(miàn)是一些顔色的基本的特征與含義：
紅色，象征愛情，自信，激情與憤怒，它是充滿活力與溫暖的色彩，予人帶來興奮的感覺。
黃色，能(néng)傳遞出幸福，陽光，喜悅與溫暖的情緒。
綠色，亦經(jīng)常能(néng)予人自然、清新、富有生命力的感覺。
藍色，是目前最爲受歡迎的顔色之一，企業經(jīng)常會(huì)使用藍色來傳遞自信與讓人信賴的感覺。
紫色，和皇室、财富關聯密切，這(zhè)亦是代表神秘與茉莉的色彩。
黑色，盡管與死亡、悲劇有關，不過(guò)亦能(néng)營造沉穩大氣的高級感。
白色，代表純潔無暇，傳達出高雅，純粹與清晰的感覺。
除此之外，設計師也需要明白一個事(shì)情，便是人與人的視覺感受一般是不同的，對(duì)色彩的認知也受到文化背景的影響，性别的因素對(duì)色彩偏西好(hǎo)的影響亦絕不小。所以，了解目标用戶的特征是非常有必要的。
技巧4、你們忘了文化差異
正在如同前文所說(shuō)的，文化背景對(duì)色彩有著(zhe)深刻的影響。不同的文化有著(zhe)不同的傳統文化與信仰特征，而且同一一種(zhǒng)顔色于不同的國(guó)家有著(zhe)截然不同不同的解讀方式。白色于歐美國(guó)家經(jīng)常象征著(zhe)純潔與高貴，不過(guò)于亞洲地區，喪事(shì)亦經(jīng)常遭稱爲“白事(shì)”，代表著(zhe)死亡與悲傷。于中國(guó)，色彩飽和度高的正色是傳承了幾千年的視覺文化元素，不過(guò)于日本，反而以此間色與低飽和度的色彩作爲美。
隻于專業的色彩知識架構下，深入了解受衆當地的文化特征，便能(néng)越來越好(hǎo)的降低遭誤解的風險，創造出優秀的設計。
技巧5、努力讓色彩協調起(qǐ)來
協調的UI設計是設計師的目标之一，因而這(zhè)意味著(zhe)配色某種(zhǒng)要和諧因而令人感到舒适。透過(guò)色彩來營造富有吸引力的協調設計，能(néng)夠讓用戶清晰明了地感知到UI之中的内容，除此之外留下良好(hǎo)的第一印象。
随著多年的摸索，于配色方案上前人總結了一些基本的配色方法：
單色配色。單色配色并且絕不是說(shuō)僅有一種(zhǒng)顔色，或者根據同一色系來進(jìn)行配色，不同明暗、飽和度的色彩組合到一起(qǐ)，構成(chéng)配色方案。
類似色。于色輪之上彼此靠近的顔色構成(chéng)的配色方案。
對(duì)于比色。色輪之上彼此處于相對(duì)位置的色彩能(néng)夠構成(chéng)鮮明的對(duì)比，這(zhè)些對(duì)于比色能(néng)夠構成(chéng)高對(duì)比度的配色方案。
拆分互補色。拆分互補色的配色原理與互補色相似，不過(guò)不同的地方在于，這(zhè)樣的配色其中會(huì)采用越來越多的顔色，如果你選擇藍色後(hòu)，和之搭配的絕不是對(duì)位之上的橙色，或者橙色兩(liǎng)邊的黃色與紅色。
三元色。它是于色輪之上挑選互相爲120度角的三個顔色類進(jìn)行配色。建議使用其中的一種(zhǒng)色彩爲主導，此外兩(liǎng)種(zhǒng)色彩用來提亮。
雙互補色。采用兩(liǎng)對(duì)互補色來作爲主要的配色方案。
技巧6、自大自然獲取配色
大自然是世界之上最爲好(hǎo)的藝術家與設計師，我們于自然環境之中看到的色彩組合多半均十分的協調，而且可以說(shuō)接近完美。人們所喜歡的日落與黎明，喜歡秋日的落葉與冬天的山野，由于這(zhè)些色彩組合有著(zhe)獨特的美感。
