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

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

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

紅色

危險性，重要性，激情

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

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

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

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

橙色

自信，樂觀

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

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

黃色

注意，幸福

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

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

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

綠色

增長，自然，成功

綠色讓人第一感覺關(guān)聯(lián)到植物上，因為大多數(shù)植物都是綠色的，它與生長和健康有關(guān).

在色彩飽和度上要注意。

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

藍色

信任，舒適，放松

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

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

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

傳聞：扎克伯格曾經(jīng)提到，他用藍色，因為他是色盲，所以他不能真正地看到任何其他顏色時，他設計的原創(chuàng)網(wǎng)站。

紫色

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

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

因為紫色周期回到紅色的光譜，它有紅色的激情的特點，尤其是淡如薰衣草。

粉紅色

溫柔，純真，青春

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

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

棕色

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

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

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

黑色

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

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

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

白色

新鮮、健康

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

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

灰色

形式，中立性、復雜性

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

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

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

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

結(jié)論

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

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

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

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