啟新網(wǎng)站SEO優(yōu)化當(dāng)人類記住他們看到的場(chǎng)景和事物時(shí)，他們對(duì)顏色的記憶高于形式。換句話說，從視覺角度來看，產(chǎn)品通常給用戶留下深刻的印象是界面的顏色匹配。因此，我們也可以看到，顏色匹配可以說是設(shè)計(jì)師的重要武器，可能沒有一種，但這種武器被使用「限制」。
UI設(shè)計(jì)的一個(gè)基本原則是避免頁面中出現(xiàn)太多的顏色，這是眾所周知的，但當(dāng)你真正設(shè)計(jì)自己時(shí)，你總是潛意識(shí)地引入太多的顏色，導(dǎo)致整個(gè)界面看起來非常混亂。因此，對(duì)于設(shè)計(jì)師來說，學(xué)習(xí)減去界面的配色是一項(xiàng)非常重要的技能。
配色系統(tǒng)的目的
在為產(chǎn)品建立配色系統(tǒng)之前，設(shè)計(jì)師首先要明白的是：我為什么要建立配色系統(tǒng)？這個(gè)問題聽起來很多余，有點(diǎn)胡說八道。但在我看來，我經(jīng)常問自己為什么在做事之前能更好地提高工作效率。只有真正理解配色的意義，才能有針對(duì)性地有選擇地刪除。
一般來說，建立配色系統(tǒng)有三個(gè)主要目標(biāo)：
視覺區(qū)分
調(diào)整界面風(fēng)格
吸引用戶的注意力
視覺區(qū)分
一個(gè)App或者網(wǎng)站可能有幾個(gè)主要和相同級(jí)別的功能和分區(qū)。此時(shí)，設(shè)計(jì)師需要對(duì)產(chǎn)品的信息內(nèi)容和功能模塊進(jìn)行總體規(guī)劃，建立界面的基本模式，以幫助用戶更好地區(qū)分視覺。顏色匹配可以幫助設(shè)計(jì)師實(shí)現(xiàn)這一目標(biāo)。
配色可以完成視覺區(qū)分，但視覺區(qū)分不僅可以通過配色來實(shí)現(xiàn)。文本、圖像（圖標(biāo)）和布局可以完成視覺區(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ì)覺得有六種顏色或更多，因?yàn)闀嬖V我們，在同一頁面上不超過三種顏色。然而，我們必須從實(shí)際情況出發(fā)。對(duì)于金融產(chǎn)品，用戶不太可能在同一屏幕上看到所有六種狀態(tài)，也就是說，用戶同時(shí)看到六種顏色的概率很小。
此外，我們放棄了產(chǎn)品類型的顏色匹配，因?yàn)闋顟B(tài)已經(jīng)使用了六種顏色匹配。在這種情況下，如果我們?nèi)匀皇褂妙伾珌韰^(qū)分產(chǎn)品類型（一種類型和一種顏色），那么整個(gè)頁面就會(huì)顯得非常混亂。所以在這里，我們選擇使用文本（標(biāo)簽）來區(qū)分產(chǎn)品類型。
與顏色相比，文本給用戶的視覺體驗(yàn)略弱。因此，我們應(yīng)該優(yōu)先考慮頁面中的內(nèi)容，并優(yōu)先考慮重要內(nèi)容的顏色匹配。在這里，我們認(rèn)為用戶更關(guān)注產(chǎn)品的當(dāng)前狀態(tài)，而不是產(chǎn)品類型。
視覺風(fēng)格
產(chǎn)品的視覺風(fēng)格是根據(jù)自己的定位和用戶需求來決定的。有些產(chǎn)品要求界面充滿活力，這可以讓用戶感到興奮（購買欲望）。我們可以紅色和橙色作為產(chǎn)品的主色調(diào)。
有些產(chǎn)品注重平靜、舒適和內(nèi)向，所以我們使用藍(lán)色，灰色可能更合適。
配色可以幫助我們建立產(chǎn)品的視覺風(fēng)格。但我們也應(yīng)該知道，產(chǎn)品的視覺風(fēng)格是由文本、圖像和顏色組成的。換句話說，文本和圖像也會(huì)影響產(chǎn)品的視覺風(fēng)格。
文本跳躍率是指同一界面中不同文本之間的大小比。不同功能的文本在排版設(shè)計(jì)中會(huì)有字體大小和字體重量的差異，如主標(biāo)題、副標(biāo)題和文本大小通常會(huì)依次減少，這種大小的差異會(huì)帶來不同的文本跳躍率。一般來說，高文本跳躍率的界面會(huì)更加活躍，低文本跳躍率的界面會(huì)顯得平靜和平靜。
在配色時(shí)，如果我們減少使用顏色的數(shù)量，大面積使用白色、灰色、黑色或其他相同顏色的配色（藍(lán)色和淺藍(lán)色、紅色和粉色等），這樣的界面將顯得莊嚴(yán)、優(yōu)雅、現(xiàn)代，但將顯得單調(diào)。然后我們應(yīng)該適度地提高文本跳躍率，以提高界面的活力。
當(dāng)然，不僅文本有跳躍率，圖片也有跳躍率。設(shè)計(jì)師可以通過控制圖片和文本跳躍率來減少界面視覺風(fēng)格對(duì)配色的依賴。
吸引用戶的注意力
我們經(jīng)常喜歡使用配色來吸引用戶的注意力(calltoaction)以背景色差距較大的顏色為例，可以從背景中凸顯出來。
事實(shí)上，即使不使用配色，也能吸引用戶的注意力。
谷歌搜索的主頁有大面積的空白，用戶的眼睛自然會(huì)被吸引到搜索框中。這符合谷歌的初衷。他們希望用戶能在這個(gè)頁面上完成搜索操作，所以他們不需要顯示太多其他信息來分散用戶的注意力。
陰影效果也可以用來吸引用戶的注意力。陰影效果可以提高目標(biāo)元素的海拔，從而突出其背景。
當(dāng)然，我們也可以使用模糊效果來吸引用戶的注意力。用戶總是不由自主地被對(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)容，過多的給予對(duì)用戶來說其實(shí)是一種負(fù)擔(dān)。少即是多，這是當(dāng)前互聯(lián)網(wǎng)時(shí)代的信條也是設(shè)計(jì)師需要恪守的準(zhǔn)則。
