當(dāng)人類記住他們看到的場(chǎng)景和事物時(shí)，他們對(duì)顏色的記憶高于形式。換句話說(shuō)，從視覺(jué)角度來(lái)看，產(chǎn)品通常給用戶留下深刻的印象是界面的顏色匹配。因此，我們也可以看到，顏色匹配可以說(shuō)是設(shè)計(jì)師的重要武器，可能沒(méi)有一種，但這種武器被使用「限制」。

　　UI設(shè)計(jì)的一個(gè)基本原則是避免頁(yè)面中出現(xiàn)太多的顏色，這是眾所周知的，但當(dāng)你真正設(shè)計(jì)自己時(shí)，你總是潛意識(shí)地引入太多的顏色，導(dǎo)致整個(gè)界面看起來(lái)非常混亂。因此，對(duì)于設(shè)計(jì)師來(lái)說(shuō)，學(xué)習(xí)減去界面的配色是一項(xiàng)非常重要的技能。

　　配色系統(tǒng)的目的

　　在為產(chǎn)品建立配色系統(tǒng)之前，設(shè)計(jì)師首先要明白的是：我為什么要建立配色系統(tǒng)？這個(gè)問(wèn)題聽(tīng)起來(lái)很多余，有點(diǎn)胡說(shuō)八道。但在我看來(lái)，我經(jīng)常問(wèn)自己為什么在做事之前能更好地提高工作效率。只有真正理解配色的意義，才能有針對(duì)性地有選擇地刪除。

　　一般來(lái)說(shuō)，建立配色系統(tǒng)有三個(gè)主要目標(biāo)：

　　視覺(jué)區(qū)分

　　調(diào)整界面風(fēng)格

　　吸引用戶的注意力

　　視覺(jué)區(qū)分

　　一個(gè)App或者網(wǎng)站可能有幾個(gè)主要和相同級(jí)別的功能和分區(qū)。此時(shí)，設(shè)計(jì)師需要對(duì)產(chǎn)品的信息內(nèi)容和功能模塊進(jìn)行總體規(guī)劃，建立界面的基本模式，以幫助用戶更好地區(qū)分視覺(jué)。顏色匹配可以幫助設(shè)計(jì)師實(shí)現(xiàn)這一目標(biāo)。

　　配色可以完成視覺(jué)區(qū)分，但視覺(jué)區(qū)分不僅可以通過(guò)配色來(lái)實(shí)現(xiàn)。文本、圖像（圖標(biāo)）和布局可以完成視覺(jué)區(qū)分。

　　例如，在一個(gè)金融應(yīng)用程序中，有不同類型的金融產(chǎn)品（普通類型、借款還款類型和可轉(zhuǎn)讓類型）和不同的狀態(tài)（在投資確認(rèn)中，投資成功起息，中等清算共11種）。

　　在這種情況下(3種產(chǎn)品類型，11種產(chǎn)品狀態(tài))，配色要非常小心。首先要整合狀態(tài)，將類似的狀態(tài)整合成一種，這樣可以減少顏色的數(shù)量。當(dāng)然，有些人會(huì)覺(jué)得有六種顏色或更多，因?yàn)闀?shū)告訴我們，在同一頁(yè)面上不超過(guò)三種顏色。然而，我們必須從實(shí)際情況出發(fā)。對(duì)于金融產(chǎn)品，用戶不太可能在同一屏幕上看到所有六種狀態(tài)，也就是說(shuō)，用戶同時(shí)看到六種顏色的概率很小。

　　此外，我們放棄了產(chǎn)品類型的顏色匹配，因?yàn)闋顟B(tài)已經(jīng)使用了六種顏色匹配。在這種情況下，如果我們?nèi)匀皇褂妙伾珌?lái)區(qū)分產(chǎn)品類型（一種類型和一種顏色），那么整個(gè)頁(yè)面就會(huì)顯得非常混亂。所以在這里，我們選擇使用文本（標(biāo)簽）來(lái)區(qū)分產(chǎn)品類型。

　　與顏色相比，文本給用戶的視覺(jué)體驗(yàn)略弱。因此，我們應(yīng)該優(yōu)先考慮頁(yè)面中的內(nèi)容，并優(yōu)先考慮重要內(nèi)容的顏色匹配。在這里，我們認(rèn)為用戶更關(guān)注產(chǎn)品的當(dāng)前狀態(tài)，而不是產(chǎn)品類型。

　　視覺(jué)風(fēng)格

　　產(chǎn)品的視覺(jué)風(fēng)格是根據(jù)自己的定位和用戶需求來(lái)決定的。有些產(chǎn)品要求界面充滿活力，這可以讓用戶感到興奮（購(gòu)買(mǎi)欲望）。我們可以紅色和橙色作為產(chǎn)品的主色調(diào)。

　　有些產(chǎn)品注重平靜、舒適和內(nèi)向，所以我們使用藍(lán)色，灰色可能更合適。

　　配色可以幫助我們建立產(chǎn)品的視覺(jué)風(fēng)格。但我們也應(yīng)該知道，產(chǎn)品的視覺(jué)風(fēng)格是由文本、圖像和顏色組成的。換句話說(shuō)，文本和圖像也會(huì)影響產(chǎn)品的視覺(jué)風(fēng)格。

　　文本跳躍率是指同一界面中不同文本之間的大小比。不同功能的文本在排版設(shè)計(jì)中會(huì)有字體大小和字體重量的差異，如主標(biāo)題、副標(biāo)題和文本大小通常會(huì)依次減少，這種大小的差異會(huì)帶來(lái)不同的文本跳躍率。一般來(lái)說(shuō)，高文本跳躍率的界面會(huì)更加活躍，低文本跳躍率的界面會(huì)顯得平靜和平靜。

　　在配色時(shí)，如果我們減少使用顏色的數(shù)量，大面積使用白色、灰色、黑色或其他相同顏色的配色（藍(lán)色和淺藍(lán)色、紅色和粉色等），這樣的界面將顯得莊嚴(yán)、優(yōu)雅、現(xiàn)代，但將顯得單調(diào)。然后我們應(yīng)該適度地提高文本跳躍率，以提高界面的活力。

　　當(dāng)然，不僅文本有跳躍率，圖片也有跳躍率。設(shè)計(jì)師可以通過(guò)控制圖片和文本跳躍率來(lái)減少界面視覺(jué)風(fēng)格對(duì)配色的依賴。

　　吸引用戶的注意力

　　我們經(jīng)常喜歡使用配色來(lái)吸引用戶的注意力(calltoaction)以背景色差距較大的顏色為例，可以從背景中凸顯出來(lái)。

　　事實(shí)上，即使不使用配色，也能吸引用戶的注意力。

　　谷歌搜索的主頁(yè)有大面積的空白，用戶的眼睛自然會(huì)被吸引到搜索框中。這符合谷歌的初衷。他們希望用戶能在這個(gè)頁(yè)面上完成搜索操作，所以他們不需要顯示太多其他信息來(lái)分散用戶的注意力。

　　陰影效果也可以用來(lái)吸引用戶的注意力。陰影效果可以提高目標(biāo)元素的海拔，從而突出其背景。

　　當(dāng)然，我們也可以使用模糊效果來(lái)吸引用戶的注意力。用戶總是不由自主地被對(duì)焦準(zhǔn)確的部分所吸引，而忽略了被模糊的部分。眼球的對(duì)焦機(jī)制就像一個(gè)調(diào)節(jié)器，捕捉遠(yuǎn)離你的物體，讓你感受到周圍一切的深度和距離。這是我們?nèi)搜鄣墓ぷ鳈C(jī)制。根據(jù)這一理論，設(shè)計(jì)師可以模糊界面中的一些不重要內(nèi)容，以突出這些重要內(nèi)容。

　　好的設(shè)計(jì)應(yīng)該讓用戶短時(shí)間內(nèi)就可以找到他們感興趣的內(nèi)容，過(guò)多的給予對(duì)用戶來(lái)說(shuō)其實(shí)是一種負(fù)擔(dān)。少即是多，這是當(dāng)前互聯(lián)網(wǎng)時(shí)代的信條也是設(shè)計(jì)師需要恪守的準(zhǔn)則。