原文網(wǎng)址：Color Matters. 6 Tips on Choosing UI Colors.
原作者：Medium? ? @tubikstudio
譯者：Lidy
此文由非專業(yè)人士翻譯自Medium几迄。如若有誤敬請(qǐng)糾正仗嗦。
用戶體驗(yàn)設(shè)計(jì)包括很多方面都需要仔細(xì)思考后再執(zhí)行氨肌，來為了達(dá)到一個(gè)界面能滿足不用目標(biāo)用戶的需要的目的谁榜。每一步都需要注意細(xì)節(jié)应役，即使它看上去不復(fù)雜荒给。
在用戶界面設(shè)計(jì)中秋柄，一個(gè)耗時(shí)又重要的環(huán)節(jié)是顏色的選擇庸队。設(shè)計(jì)師有時(shí)會(huì)花費(fèi)數(shù)個(gè)小時(shí)來選擇合適的顏色积蜻。在這篇文章中，我們提出6個(gè)有用的建議來幫助設(shè)計(jì)們?yōu)橛脩艚缑孢x擇合適的顏色彻消，并且使得這個(gè)過程更加簡單和高效竿拆。
建議1：學(xué)會(huì)60%-30%-10%法則
這個(gè)法則或者說技巧，來自室內(nèi)設(shè)計(jì)宾尚，所有它也常用在裝修房子上丙笋。這個(gè)理論很簡單。為了在構(gòu)圖中取得平衡煌贴，顏色應(yīng)該要按照60%-30%-10%這樣的比例分配御板。最大的地方使用主色調(diào)，三分之一的構(gòu)圖部分采用輔助色牛郑，10%用于其它地方幫助突出怠肋。
這樣的配色被認(rèn)為對(duì)人眼來說是舒適的，因?yàn)樗试S逐步感知所有視覺元素淹朋。知道合適比例的設(shè)計(jì)師們能成功地把顏色組合在一起而不會(huì)使得用戶界面的配色很雜亂笙各。
建議2：對(duì)比是朋友
色彩對(duì)比是所有視覺構(gòu)成的關(guān)鍵部分钉答。它使得每個(gè)用戶界面元素有各自的特征，又使得他們是明顯的杈抢。僅包含來自同一色系顏色的用戶界面能吸引用戶的機(jī)會(huì)較少数尿。此外，在用戶界面上相同的內(nèi)容將會(huì)變得難以辨認(rèn)惶楼，這使得與產(chǎn)品的交互幾乎不可能砌创。
設(shè)計(jì)師控制對(duì)比度取決于它應(yīng)該完成的目標(biāo)。例如鲫懒，如果你需要用戶對(duì)某個(gè)特殊的按鍵特別關(guān)注嫩实，那使用兩個(gè)對(duì)比強(qiáng)烈的顏色例如藍(lán)色和紅色就很合適。高對(duì)比度通常用于CTA按鈕的設(shè)計(jì)窥岩。
但是甲献，把用戶界面當(dāng)作一個(gè)整體，高對(duì)比度可能不是總會(huì)奏效颂翼。如果要編輯的內(nèi)容和背景色對(duì)比太強(qiáng)烈晃洒，就會(huì)很難以閱讀。這就是為什么設(shè)計(jì)師被建議說要建立一個(gè)溫和的對(duì)比度朦乏，只在想要突出顯示的元素上應(yīng)用高對(duì)比度的顏色球及。在不同設(shè)備上的用戶測試能幫助設(shè)計(jì)師確保他們解決方案的有效性。
建議3：考慮顏色背后代表的心理
正如我們在之前的文章中提到的那樣呻疹，心理學(xué)是幫助設(shè)計(jì)流程的基礎(chǔ)研究之一吃引。有大量的心理學(xué)研究展示里顏色對(duì)于人情緒和行為的影響，他們被稱為色彩心理學(xué)刽锤。它表明盡管我們沒有注意到镊尺，我們的大腦就對(duì)顏色做出了反應(yīng)。當(dāng)人的眼睛感知到了顏色并思，我們的大腦就給內(nèi)分泌系統(tǒng)發(fā)送信號(hào)庐氮，釋放負(fù)責(zé)情緒的荷爾蒙。
每種顏色對(duì)我們的大腦都有不同的影響宋彼，對(duì)于每種可能反應(yīng)的知識(shí)能幫助設(shè)計(jì)師傳達(dá)正確的信息來讓用戶做出預(yù)期的行為弄砍。以下是幾種顏色代表的含義。
紅色：它同時(shí)代表了好和壞的感覺输涕，包括愛音婶，自信，激情和憤怒占贫。
橘色：一種富有活力和溫暖的顏色桃熄，給人一種激動(dòng)的感覺先口。
黃色：它代表了快樂型奥，陽光瞳收，歡樂以及溫暖。
綠色：大自然的顏色厢汹，給人以冷靜和再生的感覺螟深。
藍(lán)色：它常代表一些企業(yè)形象√淘幔可能會(huì)與距離和悲傷聯(lián)系界弧。
紫色：與皇族和財(cái)富有著長期的聯(lián)系。它也代表神秘和魔法搭综。
黑色：他和悲劇垢箕、死亡聯(lián)系，表示神秘的事兑巾。同時(shí)条获，他又兼具傳統(tǒng)和現(xiàn)代。
白色：它代表純潔蒋歌，以及整體性和明晰性帅掘。
除此之外，設(shè)計(jì)師還需要記住視覺感受每個(gè)人都是不一樣的堂油。像年齡修档、性別這樣的因素會(huì)影響顏色偏好，所有知道目標(biāo)用戶的特性很重要府框。你可以在我們之前的文章中找到有關(guān)顏色的意義和喜好的更多細(xì)節(jié)描述吱窝。
建議4：不要忘記文化差異
每個(gè)文化都有自己的傳統(tǒng)和信念，所以在你選擇顏色之前迫靖，你需要確保他們能正確解讀你所要傳達(dá)的意思癣诱。有時(shí)一種顏色在不同國家會(huì)有完全相反的含義。例如袜香，在歐洲地區(qū)撕予，白色代表純潔，它通常在婚禮上使用蜈首。但是在亞洲國家实抡，白色代表死亡和悲傷。不正確的使用可能會(huì)導(dǎo)致誤解欢策，這對(duì)一個(gè)產(chǎn)品來說可能是致命的吆寨。通過認(rèn)識(shí)到文化中顏色特征的差異，設(shè)計(jì)師會(huì)降低被誤解的風(fēng)險(xiǎn)踩寇。
建議5：力求和諧
和諧是每個(gè)UI設(shè)計(jì)師力求做到的啄清。為了使得用戶感覺舒適，設(shè)計(jì)師試著在用戶界面的設(shè)計(jì)上達(dá)到平衡俺孙。色彩和諧涉及到設(shè)計(jì)中顏色的排列辣卒，以最有吸引力掷贾、最有效的方式讓用戶感知到。和諧的色彩有助于用戶對(duì)網(wǎng)站或者應(yīng)用程序有良好的第一印象荣茫。
尋找多年之后想帅，設(shè)計(jì)師們區(qū)分了有效運(yùn)作的基本配色方案。讓我們看看他們是什么啡莉。
單色：色彩和諧是基于一種顏色港准，有各種色調(diào)。
類似色：這個(gè)方案的配色使用的是色輪中相鄰的顏色咧欣。
補(bǔ)色：它用的是色輪中每個(gè)顏色以及其對(duì)面的顏色浅缸，它旨在制造強(qiáng)烈的對(duì)比。
分散的互補(bǔ)色：這個(gè)方案的配色和前一個(gè)很像魄咕，但是它用到了更多的顏色疗杉。例如，如果你選擇了藍(lán)色蚕礼，你需要再選擇它對(duì)面的兩個(gè)相鄰的顏色烟具，黃色和紅色。
三元色：它是基于在色輪上等距的3個(gè)不同的顏色奠蹬。專家建議用一種作為主色調(diào)朝聋，其他作為輔色調(diào)。
四元/雙互補(bǔ)色：這個(gè)方案包含4個(gè)在色輪上是互補(bǔ)的顏色囤躁。如果你把選擇的四個(gè)顏色作為點(diǎn)連接起來冀痕，它們會(huì)形成一個(gè)矩形。
有關(guān)和諧色彩的詳細(xì)的信息和例子能夠在我們這篇《Color Theory:Brief Guide for Designers》中找到狸演。
建議6：從大自然中竊取靈感
大自然是世界上最好的藝術(shù)家和設(shè)計(jì)師言蛇。我們能在自然界中看到的顏色組合是非常完美的。人們享受看日出日落宵距，秋天的森林腊尚，冬天的群山，因?yàn)樗麄兌际翘烊坏念伾M合满哪。
所以婿斥，你為什么不從中找點(diǎn)靈感呢？去散散步或者找一下大自然的美麗照片哨鸭，你一定會(huì)找到靈感的民宿。
一款成功的數(shù)碼產(chǎn)品很大程度上取決于用戶界面顏色的選擇。合適的顏色使得用戶在使用產(chǎn)品時(shí)感到舒適像鸡。設(shè)計(jì)師可以向用戶傳達(dá)信息活鹰，并且迫使他們采取行動(dòng)，僅僅是通過采用合適的顏色。明智地做出選擇志群。
