在這里，我想對(duì)如何在UI設(shè)計(jì)中明智地使用顏色做一個(gè)總結(jié)。先說(shuō)一個(gè)嚴(yán)肅的說(shuō)明，設(shè)計(jì)分享的東西并不能神奇地將你變成一個(gè)優(yōu)秀的UI設(shè)計(jì)師，但能保證你會(huì)在這里學(xué)到一些東西。如果這真的有用，請(qǐng)給我們留言。

1.色彩的魔力

顏色會(huì)說(shuō)話，就像語(yǔ)言一樣強(qiáng)大。你不能就此與我爭(zhēng)論。每當(dāng)您遇到一個(gè)網(wǎng)站或產(chǎn)品時(shí)，回想一下，在很大程度上取決于顏色的視覺(jué)外觀總是給您留下第一印象。

那么，究竟什么顏色可以做到呢？

1）體現(xiàn)品牌個(gè)性

顏色可以設(shè)定一個(gè)品牌或一個(gè)產(chǎn)品的基調(diào)、情緒、內(nèi)涵和概念。一項(xiàng)研究表明，用戶只需90秒即可在線評(píng)估產(chǎn)品，他們最初的看法中有62%到90%的判斷是基于配色方案。

2）實(shí)現(xiàn)更好的用戶體驗(yàn)

正確選擇顏色可以提高信息的可讀性。此外，它還可以大幅提高可用性，例如加強(qiáng)號(hào)召性用語(yǔ)、增強(qiáng)導(dǎo)航、激發(fā)直觀交互、滿足審美需求和視覺(jué)解決方案。總而言之，創(chuàng)造出符合用戶需求的清晰和諧的風(fēng)格。

3)影響購(gòu)買決策

產(chǎn)品的視覺(jué)外觀是影響消費(fèi)者購(gòu)買決定的關(guān)鍵因素。此外，研究表明，90%的產(chǎn)品評(píng)估都與顏色有關(guān)。如今，許多公司將色彩，尤其是UI設(shè)計(jì)中的色彩，作為經(jīng)營(yíng)者的營(yíng)銷策略之一。

2.關(guān)于顏色的基本概念

每種顏色在人類生活的長(zhǎng)河中都形成了其獨(dú)特的意義和內(nèi)涵。閱讀每種語(yǔ)言的含義，請(qǐng)看這

3.巧妙使用顏色的技巧

1）在正確的使用模式中選擇正確的顏色

我們不能說(shuō)一種顏色“難看”，只有你用錯(cuò)了，它才會(huì)難看。試想一下，如果麥當(dāng)勞用灰色和黑色代替黃色和紅色，你還有胃口嗎？女人在聚會(huì)上穿黑色連衣裙和紅色口紅，為什么？

它看起來(lái)性感迷人，就是這樣。

不同的顏色傳達(dá)不同的含義和感覺(jué)。明智地使用它意味著達(dá)到5個(gè)“權(quán)利”：在正確的時(shí)間、以正確的使用模式、與正確的用戶一起選擇正確的顏色，并瞄準(zhǔn)正確的目標(biāo)。

如果你想在UI設(shè)計(jì)中明智地使用顏色，請(qǐng)注意上面的圖表，我是認(rèn)真的。除非你想冒很大的風(fēng)險(xiǎn)來(lái)成為獨(dú)一無(wú)二的。

2）注意藍(lán)色

為什么說(shuō)藍(lán)色？

看看您最常用的應(yīng)用程序或網(wǎng)站，F(xiàn)acebook、Twitter、Microsoft、Safari等。里面有什么？是的，你會(huì)看到，它們都是藍(lán)色的。各種藍(lán)色。

根據(jù)研究，藍(lán)色是女性和男性都喜歡的NO.1顏色。藍(lán)色就像無(wú)處不在，在大自然中，在網(wǎng)站上，在衣服上等等，當(dāng)我輸入文字時(shí)，我看到MicrosoftWord的界面是藍(lán)色的。

藍(lán)色絕對(duì)是一種安全的顏色，可以培養(yǎng)用戶的信任和被接受，藍(lán)色是UI設(shè)計(jì)中顏色的典型例子。如果您沒(méi)有更好的選擇，請(qǐng)使用藍(lán)色。

3）背景和元素之間的顏色變化

看看下面的界面：

不管它再次是藍(lán)色的，讓我們專注于變化。主題色為藍(lán)色，其他元素為較深的顏色變化和較亮的顏色變化。但總的來(lái)說(shuō)，他們看起來(lái)很好，很和諧，而且可以互相合作。

怎么做？

只有一個(gè)簡(jiǎn)單的黃金法則：

“通過(guò)降低亮度和增加飽和度來(lái)產(chǎn)生更深的顏色變化。通過(guò)增加亮度和降低飽和度可以產(chǎn)生更亮的顏色變化。”

4）顏色比例的黃金比例——黃金（6:3:1）法則

在進(jìn)行UI界面設(shè)計(jì)時(shí)，您不能完全擺脫顏色組合。在UI設(shè)計(jì)中組合顏色很容易，但如何避免混亂和過(guò)載？如何擺脫平淡，保持精致？

請(qǐng)記住以下兩條原則：

第一個(gè)是：6:3:1規(guī)則

60%+30%+10%原則是達(dá)到色彩平衡的最佳比例。通過(guò)培養(yǎng)一個(gè)平衡、整潔、和諧的界面，給用戶帶來(lái)快樂(lè)，這個(gè)標(biāo)準(zhǔn)可以完美地發(fā)揮作用。此外，它可以讓用戶的眼睛舒適地從一個(gè)點(diǎn)移動(dòng)到另一個(gè)點(diǎn)。

第二種：最多3種原色

此規(guī)則與黃金(6:3:1)規(guī)則相匹配。這也是避免混亂并保持配色方案平衡的好方法。

5）顏色組合和補(bǔ)色：干凈和眼睛友好

提供和諧的配色方案時(shí)什么重要？有幾個(gè)因素需要考慮：

首先，色調(diào)、陰影和色調(diào)

基于“色調(diào)”，您可以在色輪上創(chuàng)建許多變化的變化。有一個(gè)技巧：添加白色然后您可以獲得提示，黑色表示陰影，灰色表示色調(diào)。在這里，我建議使用單一配色方案。

二、對(duì)比

色彩對(duì)比也是UI設(shè)計(jì)中一種實(shí)用的色彩手法。對(duì)比可以引起用戶的各種情緒反應(yīng)。色輪兩側(cè)的顏色可以產(chǎn)生最強(qiáng)烈的對(duì)比，例如黑色和白色。強(qiáng)烈的對(duì)比可以吸引用戶的注意力和緊張感；而淺色對(duì)比可以通過(guò)展示輕松休閑的設(shè)計(jì)帶來(lái)舒適感和愉悅感。

注意不要把它堆起來(lái)，否則會(huì)給用戶帶來(lái)麻煩和困惑。

6)黑、白、雅

黑色是所有中性色中最強(qiáng)的，而白色是最常用的背景色。如上所述，這兩者是最大程度的色彩對(duì)比。適當(dāng)?shù)夭捎煤谂c白，您可以創(chuàng)建一個(gè)看起來(lái)優(yōu)雅的UI界面。這種配色方案主要用于網(wǎng)站。黑色可以給人一種精致的感覺(jué)，白色可以營(yíng)造一種自由和想象力的感覺(jué)。

7)從自然和藝術(shù)中獲得靈感

自然和藝術(shù)是色彩靈感的主要來(lái)源。只要走到外面，看看天空，你會(huì)看到最多樣、最自然的藍(lán)色。自然色彩是營(yíng)造人性化、自然感的最佳選擇。從大自然中提取色彩可以舒緩用戶的眼睛，給他們帶來(lái)美麗的魔力。雖然藝術(shù)是自然的直接反映，但請(qǐng)充分利用它。

8）顏色知道性別

就像生來(lái)如此，女人不喜歡灰色、橙色和棕色。她們喜歡藍(lán)色、紫色和綠色，而男人不喜歡橙色、紫色和棕色。男人喜歡藍(lán)色、綠色和黑色。如果你用紫色做運(yùn)動(dòng)設(shè)計(jì)，那絕對(duì)是一場(chǎng)災(zāi)難。請(qǐng)記住，每當(dāng)您針對(duì)男性時(shí)，請(qǐng)選擇傳達(dá)男性氣質(zhì)的顏色。同樣，用女性色彩來(lái)做女士主要使用的設(shè)計(jì)。

還有一點(diǎn)，粉紅色不是普遍喜歡的女性顏色！’

注意：請(qǐng)記住可用性就是一切

在UI設(shè)計(jì)中巧妙地使用顏色可以創(chuàng)造出華麗的UI界面，但創(chuàng)造華麗的UI界面永遠(yuǎn)不是最終目的。實(shí)現(xiàn)卓越的用戶體驗(yàn)?zāi)繕?biāo)，讓用戶的生活更快樂(lè)是關(guān)鍵。因此，從UI中的顏色選擇和使用的角度來(lái)看，設(shè)計(jì)師應(yīng)該始終記住界面應(yīng)該是高度可用和清晰的。以用戶為中心的能做和不能做的事情應(yīng)該總是有分量的。