合理運(yùn)用色彩是每個(gè)設(shè)計(jì)師都應(yīng)必須具備的技能，特別是插畫師和UI設(shè)計(jì)師。隨著扁平化設(shè)計(jì)和Material Design 的日益普及，色彩理論知識(shí)的重要性也變得愈加明顯！

在許多數(shù)字化產(chǎn)品的界面中我們都能看到一些明亮的色彩和漸變色，從趣味性和娛樂(lè)性APP到商業(yè)APP和網(wǎng)站。然而，關(guān)于明亮的色彩對(duì)用戶體驗(yàn)的影響仍有很多爭(zhēng)議。本文就UI 中使用亮色的優(yōu)缺點(diǎn)進(jìn)行了一些分析和總結(jié)。

一、在UI中使用鮮艷顏色的優(yōu)點(diǎn)

1. 增加可讀性和易讀性

在我們之前的一篇文章中，我們介紹了影響配色方案選擇的因素。可讀性和易讀性是設(shè)計(jì)師考慮色彩應(yīng)用的基本因素。這里需要注意的是，可讀性代表了人們閱讀文本內(nèi)容的容易程度，易讀性決定了用戶區(qū)分特定字體和字母的速度。

鮮艷的色彩可以為界面提供足夠高的對(duì)比度，也有助于提高可讀性和易讀性。由于對(duì)比的存在，布局元素變得清晰可見(jiàn)。但是，高對(duì)比度的色彩可能并不總是能奏效。如果文本內(nèi)容和背景顏色對(duì)比太強(qiáng)，用戶則很難閱讀或?yàn)g覽文本。這就是為什么建議設(shè)計(jì)師創(chuàng)造一個(gè)比較溫和的對(duì)比度，只在突出顯示某些元素使用高對(duì)比度的顏色。

2. 優(yōu)化導(dǎo)航并增強(qiáng)直觀的交互

視覺(jué)層次結(jié)構(gòu)是所有數(shù)字化產(chǎn)品建立清晰導(dǎo)航和直觀交互系統(tǒng)的核心要素。UI組件一般以這種結(jié)構(gòu)組織，大腦可以通過(guò)產(chǎn)品的物理差異（包括顏色）來(lái)區(qū)分對(duì)象。

如何區(qū)分顏色的層次結(jié)構(gòu)？這是受用戶的思維決定的。例如紅色和橙色被通常被認(rèn)為是大膽的顏色，而白色和奶油類似的色彩則被認(rèn)為是柔弱的顏色。明亮的色彩很容易引起用戶的注意，所以設(shè)計(jì)師經(jīng)常使用它們作為強(qiáng)調(diào)或?qū)Ρ鹊氖侄巍Ｈ绾魏侠淼貞?yīng)用視覺(jué)層次結(jié)構(gòu)？常見(jiàn)的使用方法有：將一種顏色應(yīng)用于多個(gè)元素中，以顯示它們之間的某種聯(lián)系。在UI界面中將購(gòu)買按鈕設(shè)置為紅色，以便人們可以在需要時(shí)直觀地找到它們。

3. 提高品牌的可識(shí)別性

人類大腦對(duì)大膽的色彩反應(yīng)十分強(qiáng)烈，因此，明亮的色彩組合更容易引起用戶的注意。色彩鮮艷的UI設(shè)計(jì)，往往能在眾多產(chǎn)品中脫穎而出。但需注意，色彩的選擇在一定程度上要基于目標(biāo)受眾的偏好和市場(chǎng)調(diào)查。

如果一家企業(yè)在其Logo、商品、網(wǎng)站中使用統(tǒng)一明亮的色彩，這在一定程度上不失為一個(gè)將品牌最大化的好辦法。通過(guò)這種方式，設(shè)計(jì)師借助高度一致的可視化提高品牌的可識(shí)別性。

4. 傳遞情緒和營(yíng)造氛圍

為了傳達(dá)正確的信息和號(hào)召用戶做出預(yù)期的行動(dòng)，設(shè)計(jì)師需要知道顏色是如何影響我們的情緒和行為。我們的大腦對(duì)不同的顏色有不同的反應(yīng)，不過(guò)通常我們都忽略了。據(jù)“色彩心理學(xué)”這項(xiàng)研究表明：當(dāng)我們的眼睛感知到一種顏色時(shí)，大腦會(huì)向內(nèi)分泌系統(tǒng)發(fā)出信號(hào)，釋放負(fù)責(zé)情緒變化的荷爾蒙。

正確選擇顏色有助于營(yíng)造正確的氛圍向用戶傳遞正確的信息，讓用戶處于正確的情緒中，引導(dǎo)他們采取預(yù)期的行動(dòng)。例如，如果設(shè)計(jì)師創(chuàng)建與自然或園藝相關(guān)產(chǎn)品的用戶界面，那么這個(gè)界面的主打色很有可能是綠色和藍(lán)色。這樣的色彩應(yīng)用就會(huì)給用戶營(yíng)造一種產(chǎn)品或服務(wù)相關(guān)聯(lián)的感覺(jué)。

5. 打造時(shí)尚的外觀和風(fēng)格

明亮的色彩和漸變色在UI設(shè)計(jì)中占據(jù)著最重要的位置。現(xiàn)在，你可以在不同類型的數(shù)字化產(chǎn)品中看到更多是這些時(shí)髦的風(fēng)格，而嚴(yán)肅呆板的商業(yè)風(fēng)格早已不見(jiàn)蹤影。

用戶界面中明亮的色彩和漸變色彩可帶給用戶強(qiáng)烈的現(xiàn)代科技感和新鮮感。而且，通常根據(jù)最新趨勢(shì)設(shè)計(jì)的成都網(wǎng)站制作移動(dòng)應(yīng)用程序或網(wǎng)站往往看起來(lái)很吸引人，盡管競(jìng)爭(zhēng)激烈，它們?nèi)阅芨鼊僖换I。

二、在UI中使用鮮艷顏色的缺點(diǎn)

1. 明亮的顏色很難搭配

對(duì)于那些只依靠直覺(jué)和美感來(lái)搭配色彩的設(shè)計(jì)師來(lái)說(shuō)，他們往往會(huì)犯很多低級(jí)錯(cuò)誤。如果想要?jiǎng)?chuàng)作出令人滿意的視覺(jué)作品，那么關(guān)于如何應(yīng)用和搭配顏色的基本知識(shí)是必不可少的。

在UI中應(yīng)用的色彩越鮮艷，就越難搭配。為了讓用戶感到滿意和舒適，設(shè)計(jì)師試圖在UI設(shè)計(jì)中實(shí)現(xiàn)一些平衡。色彩的和諧是關(guān)于設(shè)計(jì)中顏色的排列對(duì)用戶的感知最有吸引力和有效的。和諧的色彩組合有助于網(wǎng)站或應(yīng)用程序獲得良好的第一印象。顏色理論定義了幾種基本的配色方案，以供大家參考！

單色，單色配色是基于一種顏色，選擇其不同的色調(diào)進(jìn)行色彩組合。

類似色，該配色方案應(yīng)用于色輪上彼此相鄰的顏色。

互補(bǔ)色，它是在色輪上彼此相對(duì)放置的顏色組合方案，旨在產(chǎn)生色彩的高對(duì)比度。

拆分互補(bǔ)色， 這個(gè)配色方案的工作原理類似于互補(bǔ)色，但是不同的是采用了更多的顏色。例如，如果你選擇了藍(lán)色，配色則需要組合兩個(gè)與其相反顏色（橙色）相鄰的其他顏色（黃色和紅色）。

三元色，它基于色輪上等距的三種不同的顏色。專業(yè)人士建議使用一種顏色作為主色調(diào)，其他兩種色彩用來(lái)提亮。

雙色互補(bǔ)，這種配色方案采用了兩對(duì)互補(bǔ)色組合。如果連接這四種顏色在色輪上的位置，就會(huì)形成一個(gè)矩形。

2. 失去產(chǎn)品的特色

大膽的色彩是在UI中創(chuàng)造個(gè)性與風(fēng)格的工具，但它們也可能是特色消失的原因。在單一視覺(jué)構(gòu)圖中使用許多鮮艷的色彩會(huì)有失去界面特色的風(fēng)險(xiǎn)，因?yàn)樗鼈儠?huì)導(dǎo)致整個(gè)界面色彩過(guò)于混亂。

這就是為什么建議設(shè)計(jì)師應(yīng)用色彩時(shí)使用6：3： 1 的比例。最大的部分應(yīng)該是設(shè)計(jì)中主導(dǎo)色調(diào)，占據(jù)三分之一的部分是次要顏色，最小的占比部分用于幫助打造特色的顏色。這樣的比例可以讓用戶逐漸感知所有的視覺(jué)元素，因此這樣的比例被認(rèn)為是最合適的。

3. 明亮的色彩并不適合所有用戶群體

用戶研究是數(shù)字化產(chǎn)品創(chuàng)建的核心階段之一。首先，設(shè)計(jì)師需要定義和分析目標(biāo)受眾，以了解他們對(duì)網(wǎng)站或應(yīng)用程序的期望。其次，年齡，性別和文化等因素都可能影響潛在用戶的偏好。例如，孩子們一般都很喜歡黃色；但是當(dāng)他們變成大人時(shí)，黃色看起來(lái)便不再那么有吸引力了。另外，男人和女人通常都喜歡冷色調(diào)，如藍(lán)色，綠色和其他色調(diào)。但與女性不同，男性通常更喜歡無(wú)色的顏色，包括白色，黑色和灰色。

應(yīng)用明亮的色彩也是一樣的，需要定義和分析目標(biāo)受眾。即使你為娛樂(lè)應(yīng)用創(chuàng)建UI設(shè)計(jì)，你也需要考慮目標(biāo)受眾的具體情況。中年人通常更喜歡輕量級(jí)的用戶界面，他們可能不喜歡屏幕上的大膽色彩，因?yàn)槟菚?huì)使他們分心。

4. 明亮的色彩在手機(jī)屏幕上可能顯得過(guò)于突兀

正如上文所說(shuō)，明亮的色彩可以產(chǎn)生強(qiáng)烈的對(duì)比，有助于突出重要的用戶界面元素，并提供理想的易讀性和可讀性。然而，使用過(guò)多的色彩對(duì)比可能會(huì)造成一些低級(jí)錯(cuò)誤，尤其是在移動(dòng)界面這樣有限的空間上。

在像這樣較小的屏幕上，環(huán)境光線和明亮的字體會(huì)讓用戶感覺(jué)眼睛不舒服。這就是為什么UI設(shè)計(jì)師在移動(dòng)設(shè)備界面中應(yīng)用明亮的色彩需要注意謹(jǐn)慎的原因。只有合理設(shè)置色彩之間的對(duì)比度，才能讓用戶在手機(jī)上閱讀文字時(shí)感覺(jué)舒適。

色彩無(wú)疑是設(shè)計(jì)師手中的一把雙刃劍，它有自己的優(yōu)點(diǎn)和缺點(diǎn)。如果你能趨利避害有效地利用它，你就能夠找到適合于產(chǎn)品設(shè)計(jì)的色彩應(yīng)用方案。