人腦對(duì)于色彩的記憶度要高于形態(tài)，即一個(gè)App或軟件給用戶留下深刻印象的往往是界面的色彩；例如說到支付寶，我們可能想不起它的首頁長什么樣子，標(biāo)簽欄圖標(biāo)是那些，但能馬上記起它的界面主色是藍(lán)色；因此運(yùn)用好色彩對(duì)UI設(shè)計(jì)十分重要，它能直觀的呈現(xiàn)產(chǎn)品的氣質(zhì)和性格，能有效的幫助用戶組織和閱讀信息，與界面設(shè)計(jì)產(chǎn)生聯(lián)系和記憶。

好的配色往往依靠設(shè)計(jì)師審美、感覺搭配出來，但合理的顏色搭配必定存在合理的配色規(guī)律和配色方法論的支撐，下面為大家講解色彩運(yùn)用的幾個(gè)技巧。

1. 不得觸碰的禁區(qū)

這里的“禁區(qū)”是帶雙引號(hào)帶的，并沒有什么絕對(duì)的禁區(qū)，只是說這些顏色不易控制，在連基礎(chǔ)色都沒有駕馭好之前，盡量少碰。配色禁區(qū)大概分為這三種：三角形禁區(qū)、矩形禁區(qū)、扇形禁區(qū)（紅色為禁區(qū)），如下圖：

2. 色不過三

經(jīng)常很多大神在網(wǎng)上說配色不要超過三種色，其實(shí)就是「色不過三」原則，即在一個(gè)頁面中不要使用超過3種顏色搭配，這也和上面說的“60-30-10原則”類似，即一個(gè)主色、一個(gè)輔助色和一個(gè)點(diǎn)綴色。

但在實(shí)際UI設(shè)計(jì)中，迫于產(chǎn)品的需要可能會(huì)使用更多數(shù)量的色彩，但切記不可超過7種色相（注意不是7種色值），每個(gè)色相還可以運(yùn)用其飽和度、明度的變化分解出豐富的色彩搭配。

 3.遠(yuǎn)離純黑色和純灰色

遠(yuǎn)離純黑色和純灰色，是因?yàn)樗鼈儾淮嬖谟诂F(xiàn)實(shí)世界里；嘗試在純黑和純灰中加入一些色調(diào)，會(huì)讓界面看上去更柔和自然；另外，純黑色還會(huì)與白色產(chǎn)生強(qiáng)烈的對(duì)比度，看久了會(huì)使人疲勞，讓用戶產(chǎn)生焦慮的情緒。

4.將UX顏色與品牌相匹配

品牌價(jià)值在創(chuàng)建調(diào)色板中發(fā)揮關(guān)鍵作用，但是它們不是唯一重要的因素，行業(yè)規(guī)范也是關(guān)鍵；使用與品牌主色幾乎相同的配色方案不失一種好方法，這樣可以突出品牌的調(diào)性，給用戶建立一致的品牌印象。

5.保證良好的可讀性

可讀性是任何設(shè)計(jì)中的重要因素。你的顏色應(yīng)該清晰易讀，尤其是在處理文字時(shí)；因此對(duì)比度對(duì)視覺效果對(duì)影響就非常關(guān)鍵，對(duì)比度過小，就會(huì)使得界面出現(xiàn)灰蒙蒙對(duì)效果。

清晰的對(duì)比度，一般會(huì)采用色彩的兩極，黑紙白字或白紙黑字；而在彩色背景上要讓內(nèi)容清晰可見，就需要搭配純白或高明度的文字，避免灰色文字；也要注意避免彩色背景上搭配互補(bǔ)色和明度接近的文字，因?yàn)檫@兩種搭配會(huì)產(chǎn)生一種“震顫效應(yīng)”，發(fā)出光暈的視覺效果。