顏色是我們觀察事物的第一認(rèn)知，是最能觸動(dòng)我們感官的視覺元素。顏色可以激發(fā)我們的聯(lián)想，刺激我們的情緒。在設(shè)計(jì)中，顏色的合理運(yùn)用一直是個(gè)很重要的課題?，F(xiàn)在就讓本篇文章帶你認(rèn)識(shí)每種顏色的獨(dú)特作用和如何運(yùn)用在UX設(shè)計(jì)之中吧。

在現(xiàn)在設(shè)計(jì)中，顏色的選擇在任何情況下都非常重要。在設(shè)計(jì)中，我們想通過無聲無語的方式表達(dá)設(shè)計(jì)，顏色就是其中最重要的關(guān)鍵。

在通常情況下，不同顏色喚起不同的感情。為了讓你認(rèn)識(shí)到其中的奧秘，我們已經(jīng)編寫了一個(gè)快速參考指南，涵蓋了每種顏色的獨(dú)特的作用，以及如何將它運(yùn)用到UX設(shè)計(jì)中。

紅色

危險(xiǎn)性，重要性，激情

在所有顏色中，其中一個(gè)表現(xiàn)力最強(qiáng)的顏色，表達(dá)戰(zhàn)爭和愛情的同時(shí)。俗話說，“看到紅色”突出了憤怒的顏色。

紅色元素更明顯，加上一個(gè)重要的意義，無論是好的還是壞的。淡紅色的圖片是主題是青春和愛情的好，而暗紅色強(qiáng)調(diào)力量和持久性，如可靠的朋友。

紅色可以作為警戒色，如在交通燈和標(biāo)志，參考已從自然，紅色是作為威懾。但是，你應(yīng)該小心的使用它，作為一個(gè)小走一段很長的路。這是一個(gè)偉大的顏色需要注意使用，但過量則會(huì)過于緊張。

最后但并不是最不重要的，紅色與熱的關(guān)聯(lián)。

橙色

自信，樂觀

橙紅色在股票里面意味著刺激增長但是增長程度較輕。橙色可以與健康有關(guān)，如維生素C.

橙色是一種活潑，樂觀的顏色，非常適合休閑場所，但是他不適合最要出現(xiàn)在企業(yè)網(wǎng)站中，一些研究表明，橙色給人感覺便宜或者更壞的東西。但是物業(yè)這個(gè)行業(yè)使用橙色效果是很好的方式.

黃色

注意，幸福

奇怪的是，黃色代表幸福與焦慮。他通常是充滿活力與樂觀的。但是明亮的色調(diào)會(huì)有一種強(qiáng)調(diào)效果，這個(gè)方式經(jīng)常使用在警告標(biāo)志上采用。

加上黑色可以獲得更多關(guān)注。一個(gè)最好的例子就是設(shè)計(jì)一個(gè)出租車，通過和黃色結(jié)合，可以獲得更多關(guān)注。

如果你使用黃色請(qǐng)注意下里面簡單的規(guī)則：淡黃色可以讓用戶感覺到陽光快樂，暗色調(diào)給人感覺很嚴(yán)肅以及古老.

綠色

增長，自然，成功

綠色讓人第一感覺關(guān)聯(lián)到植物上，因?yàn)榇蠖鄶?shù)植物都是綠色的，它與生長和健康有關(guān).

在色彩飽和度上要注意。

飽和的綠色給人感覺令人興奮和充滿活力，綠色的按鈕可以獲得更多關(guān)注，所以一般的執(zhí)行按鈕都是使用綠色。

藍(lán)色

信任，舒適，放松

藍(lán)色是UI設(shè)計(jì)中的最重要的顏色之一，也是最常見的。根據(jù)對(duì)色彩和色調(diào)的改變，它可以代表不同的感情，思想和情緒。暗藍(lán)色能給悲傷的感覺。

淺藍(lán)色是天空和水的顏色，它可以提神，自由和平靜。這種放松的友好也會(huì)轉(zhuǎn)化為內(nèi)在的信任，這就是為什么它是經(jīng)常使用的原因.

并非巧合的是，兩個(gè)最大的社會(huì)媒體，F(xiàn)acebook和twitter藍(lán)色為核心的色彩都使用。

傳聞：扎克伯格曾經(jīng)提到，他用藍(lán)色，因?yàn)樗巧?，所以他不能真正地看到任何其他顏色時(shí)，他設(shè)計(jì)的原創(chuàng)網(wǎng)站。

紫色

豪華、浪漫、創(chuàng)造力

高貴與皇室被紫色所代替。紫色暗示產(chǎn)品或網(wǎng)站比較華麗高端.

因?yàn)樽仙芷诨氐郊t色的光譜，它有紅色的激情的特點(diǎn)，尤其是淡如薰衣草。

粉紅色

溫柔，純真，青春

粉紅色通常是含糖的糖果色，所以顏色會(huì)有嬉鬧的氣氛，有點(diǎn)幼稚。這就是為什么你可以添加一點(diǎn)粉紅色讓用戶高興的原因。

粉紅色并不總是意味著女性。事實(shí)上，過度使用粉紅色的“女性特質(zhì)”很容易激怒用戶。

棕色

保守主義、地球、穩(wěn)定

倫敦的紳士不穿棕色。同樣的棕色不適合大多數(shù)網(wǎng)站，但對(duì)于那些比較完美的作品。棕色可以用于一個(gè)鄉(xiāng)村，老式的感覺，完美的戶外場所，甚至有機(jī)產(chǎn)品。木材的內(nèi)涵也建議穩(wěn)定性和可靠性.

在一般情況下，使用飽和色的棕色來作為菜單、面板和背景。

黑色

正式，權(quán)力，成熟

黑色是最強(qiáng)的所有顏色，它吸引的注意力比其他顏色的更快，即使是紅色。這就是為什么它是最常用在文字中。當(dāng)作為一個(gè)配色方案的主要組成部分，如背景、黑色比任何顏色都適合創(chuàng)造自己的感情。

結(jié)合銀色或灰色，它可以代表成熟，如上面的例子：

白色

新鮮、健康

黑色正好是它的相反色，白色顏色普其他顏色在它的周圍，使它為輔助色的首選。

當(dāng)白色是主色，其黑色具有壓倒性。如果你的白網(wǎng)站似乎太單一，試著白?的分支-?用象牙和奶油色組合。嘗試使用色調(diào)讓白色元素看起來不錯(cuò)。

灰色

形式，中立性、復(fù)雜性

灰色代表中立。如果你的網(wǎng)站或應(yīng)用程序使用冷色，一個(gè)灰色的混合和一點(diǎn)冷色會(huì)補(bǔ)充它。如果您的網(wǎng)站使用暖色，一個(gè)灰色的混合和一點(diǎn)溫暖的顏色將補(bǔ)充它。添加到您的灰色色調(diào)，增加色彩飽和度。

通過改變它的陰影，灰度可以在黑色或白色的特點(diǎn)。當(dāng)作為一個(gè)主要的顏色，灰色給人居于形式的印象，但是這并不總是意味著壞事。Dropbox使用灰色突出按鈕免費(fèi)注冊(cè)用戶能夠找到正確的按鈕，真的很快。

您可以使用內(nèi)容和相應(yīng)的圖像，以避免“憂郁”的感覺，通過一個(gè)元素可以給人感覺強(qiáng)烈關(guān)注。

淺灰色的顏色最適合按鈕禁用（無效）狀態(tài)

結(jié)論

正確的設(shè)計(jì)決策才是用戶認(rèn)為是正確的.可以通過A/B測試轉(zhuǎn)換.

顏色的使用是很重要的，有時(shí)候很多情況下沒有設(shè)置好通用的顏色。在一個(gè)網(wǎng)站或應(yīng)用程序的東西，不一定適合另一個(gè)，從你的目標(biāo)市場在設(shè)計(jì)過程的早期很重要。

最初發(fā)表在www.babich.biz

本文由 @bluelovemagic 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。