色彩是設(shè)計(jì)中不可缺少的一部分，但是在不同的性別、國(guó)家、文化中，甚至在同一個(gè)人人生的不同階段對(duì)色彩的感受也是不一樣的。如何在設(shè)計(jì)中運(yùn)用色彩助力用戶體驗(yàn)設(shè)計(jì)呢？文章對(duì)此進(jìn)行了分析探究，希望對(duì)你有幫助。

色彩心理學(xué)是怎樣影響使用者的看法和行為的呢？這里有一個(gè)絕招，可以幫你構(gòu)建更有效運(yùn)作的數(shù)字化產(chǎn)品。顏色對(duì)于我們的體驗(yàn)和決策會(huì)造成心理影響，那么讓我們來(lái)了解它是怎樣影響用戶的，以及在設(shè)計(jì)體驗(yàn)時(shí)存在怎樣的原則。

色彩是任何設(shè)計(jì)師的眾多工具中一個(gè)必不可少的手段，涵蓋了色彩心理學(xué)——或者更具象地說(shuō)——色彩對(duì)人類行為心理影響的研究表明：客戶對(duì)一個(gè)產(chǎn)品形成看法需要90秒，而其中90%的時(shí)間受色彩的影響。

盡管色彩經(jīng)常被認(rèn)為只是設(shè)計(jì)師的審美所決定的，但它是設(shè)計(jì)中用戶情感和影響認(rèn)知的核心元素。?當(dāng)遇到新的事物時(shí)，色彩也是最容易記憶的元素。色彩心理學(xué)的概念可以應(yīng)用于用戶體驗(yàn)設(shè)計(jì)和營(yíng)銷(xiāo)。

一、色彩心理學(xué)與色彩情感的聯(lián)系

研究表明光和色彩可以影響我們的情緒、睡眠、心率甚至我們的幸福感。在我們?nèi)粘Ｉ钪芯湍芸吹揭粋€(gè)很有趣的例子：藍(lán)色和綠色的光（象征自然和天空）可以鼓勵(lì)我們?cè)缙?。這就是很多醫(yī)生和科學(xué)家建議不要在睡前使用移動(dòng)設(shè)備的原因，因?yàn)槠聊坏墓饽茏屛覀儽３智逍?，甚至?dǎo)致失眠。

考慮到顏色混合可以產(chǎn)生大量的可能性，很難確定哪一種顏色將會(huì)對(duì)網(wǎng)站或應(yīng)用程序產(chǎn)生最大的影響。去研究所有的內(nèi)容會(huì)過(guò)于復(fù)雜，但是這里有一些對(duì)于色彩怎樣影響用戶的態(tài)度和行為的相關(guān)技巧和規(guī)范。

一個(gè)經(jīng)過(guò)深思熟慮的配色可以將設(shè)計(jì)從 “優(yōu)秀” 提升到 “卓越” ，同時(shí)一個(gè)平庸或糟糕的配色會(huì)降低用戶的整體體驗(yàn)，甚至?xí)蓴_他們使用網(wǎng)站或軟件的能力。

色彩可以喚醒眾人的情緒。請(qǐng)查看下面的色彩心理學(xué)圖，了解一些傳統(tǒng)上與色彩相關(guān)的印象和主題：

來(lái)源：Usertesting.com

如果你想了解更多色彩的含義及廣告中的色彩心理，請(qǐng)查看 Canva’s interactive tool 網(wǎng)站，了解顏色的含義和象征意義。

二、色彩的偏好

依據(jù)自身的年齡、性別、以及下意識(shí)行為，用戶對(duì)顏色和色調(diào)有不同的反應(yīng)。盡管群體對(duì)色彩的偏好性并不共通，但性別對(duì)某些顏色的偏好普遍存在差異。另外，色彩的偏好也取決于年齡。在以下部分中，我將根據(jù)年齡、性別討論色彩偏好，以及在不同文化中怎樣去感知它們。

1. 年齡

在推銷(xiāo)業(yè)務(wù)時(shí)，明確你的目標(biāo)受眾是非常必要的，以便相應(yīng)地調(diào)整營(yíng)銷(xiāo)工作。在研究用戶及統(tǒng)計(jì)群體數(shù)據(jù)時(shí)，年齡是一個(gè)應(yīng)該仔細(xì)調(diào)查的要素。目標(biāo)用戶的年齡會(huì)影響他們對(duì)營(yíng)銷(xiāo)資料的認(rèn)知，特別要考慮到人們對(duì)色彩的感受和偏好是隨著年齡的變化而變化的。

在《色彩心理學(xué)與色彩療法》一書(shū)中， Faber Birren 調(diào)查了不同年齡段的人喜歡什么顏色?？紤]到藍(lán)色和紅色的色彩心理學(xué)，他發(fā)現(xiàn)藍(lán)色在人的一生中更受歡迎。黃色在童年時(shí)期最受歡迎，隨著年齡增長(zhǎng)，對(duì)黃色的偏好會(huì)減弱。隨著人的成熟，他們青睞更短的波長(zhǎng) (藍(lán)色、綠色、紫羅蘭色)，而不再喜歡較長(zhǎng)的波長(zhǎng) (紅色、橙色、黃色)。

如下圖所示，在大多數(shù)的觀眾都喜歡充滿活力且飽和的顏色時(shí)，年紀(jì)大一點(diǎn)的人覺(jué)得鮮艷的顏色令人生厭。所以為年長(zhǎng)用戶設(shè)計(jì)產(chǎn)品、營(yíng)銷(xiāo)物料時(shí)，應(yīng)該對(duì)明亮的色彩保持慎重——太鮮艷會(huì)降低轉(zhuǎn)換率。

來(lái)源：truevaluepaint.com

2. 性別差異：男性與女性

不同性別之間對(duì)色彩的反應(yīng)有什么不同嗎？盡管調(diào)查結(jié)果不明確，但是無(wú)數(shù)研究在不斷證明男女在選擇男性化和女性化顏色時(shí)有截然不同的偏好。

對(duì)色彩感知的研究表明，男性喜歡明亮、對(duì)比鮮明的顏色，而女性喜歡柔和的色調(diào)。男性和女性都喜歡藍(lán)色和綠色，但很多女性喜歡紫色，而男性討厭這個(gè)顏色。

來(lái)源：realthread.com

3. 色彩的文化差異

除了年齡和性別，另一個(gè)影響色彩偏好的因素是我們的文化背景。例如，在大多數(shù)西方文化中，白色與渴望、天真、純潔和希望有關(guān)系。但是在亞洲部分地區(qū)，白色與噩運(yùn)、死亡和哀悼聯(lián)系在一起。

對(duì)于參與網(wǎng)站和用戶體驗(yàn)設(shè)計(jì)的人來(lái)說(shuō)，根據(jù)網(wǎng)站和產(chǎn)品的相關(guān)目標(biāo)受眾來(lái)考慮配色的文化內(nèi)涵至關(guān)重要。例如，當(dāng)產(chǎn)品主要針對(duì)某一特定文化時(shí)，設(shè)計(jì)師可以較少關(guān)注所選配色在此文化中可能存在的含義。當(dāng)產(chǎn)品是面向全球用戶的時(shí)候，為了防止負(fù)面的文化內(nèi)涵，需要在色彩和意向之間取得平衡。

三、60 – 30 – 10法則

“60 – 30 – 10原則” 是制作保持用戶審美愉悅性和畫(huà)面充分平衡性的配色理論?！?0 – 30 – 10原則”的目的是讓一種通常是中性的顏色，占據(jù)調(diào)色板的60% ，另一種補(bǔ)充顏色占調(diào)色板的30% ，然后第三種顏色作為一種強(qiáng)調(diào)色，占調(diào)色板的10%。

來(lái)源：impulsecreative.com

這種方法使設(shè)計(jì)師使用原始或不常見(jiàn)的配色進(jìn)行嘗試變得簡(jiǎn)單得多，而且不會(huì)超出商業(yè)品牌或行業(yè)中的預(yù)期標(biāo)準(zhǔn)。選組不常規(guī)的色調(diào)可以提升美感和設(shè)計(jì)感。另外，這可能是邁出了 “打造比競(jìng)品更先進(jìn)的品牌配色” 的第一步，從而使品牌脫穎而出，使其更加突出和卓越。

四、用戶體驗(yàn)的色彩心理學(xué)和視覺(jué)層級(jí)

當(dāng)涉及到將一個(gè)品牌與其他品牌區(qū)分開(kāi)時(shí)，品牌的顏色選擇是一個(gè)重要的元素，它強(qiáng)化了產(chǎn)品的基調(diào)和品質(zhì)，以及服務(wù)的質(zhì)量。

此外，在營(yíng)銷(xiāo)、用戶體驗(yàn)、行為設(shè)計(jì)領(lǐng)域，色彩的一個(gè)重要作用，就是用它來(lái)影響人們的視線。如果用戶不查看你的導(dǎo)航系統(tǒng)，你的產(chǎn)品將無(wú)法使用。在數(shù)字心理學(xué)中，你需要掌握的基本技能之一就是控制用戶的視線。在大多數(shù)的設(shè)計(jì)工作中，我們通過(guò)提升或減少視覺(jué)設(shè)計(jì)元素的顯著性來(lái)控制用戶的注意力。

五、顏色對(duì)轉(zhuǎn)化率的影響

好，讓我們來(lái)研究一下這個(gè)令人興奮的事情，在商業(yè)中色彩心理學(xué)可以提升購(gòu)買(mǎi)率。換句話說(shuō)，賣(mài)得是顏色。我們?nèi)绾卫蒙世碚摵托睦韺W(xué)來(lái)讓人們點(diǎn)擊一個(gè)按鈕？什么顏色能真正促進(jìn)轉(zhuǎn)化率和提高利潤(rùn)呢？

優(yōu)化轉(zhuǎn)化率一直是專家經(jīng)常爭(zhēng)論的話題，爭(zhēng)論到底是紅色還是綠色是引人注意的按鈕色，因?yàn)榫G色意味著“行動(dòng)”。有很多的 A / B 測(cè)試結(jié)果顯示 CTA（call to action） 按鈕顏色的變化對(duì)注冊(cè)產(chǎn)生的巨大影響。

HubSpot 分享了以下早期著名的測(cè)試：

來(lái)源：Hubspot Button Color Testing

盡管 Hubspot 最初估計(jì)綠色按鈕會(huì)導(dǎo)致更高的轉(zhuǎn)化率并表現(xiàn)更好，但紅色按鈕的點(diǎn)擊次數(shù)比其高出 21%。

壞消息是，沒(méi)有一種神奇的顏色能在所有的網(wǎng)站上都有很好的表現(xiàn)。不過(guò)，有一些通用的規(guī)則可以幫你使用顏色的優(yōu)勢(shì)。在 UXStudio 網(wǎng)站上，我們與客戶合作，以確保他們的產(chǎn)品和服務(wù)的設(shè)計(jì)充分考慮了目標(biāo)受眾，從而使用轉(zhuǎn)化率最高的顏色和設(shè)計(jì)元素。

六、選擇顏色時(shí)的測(cè)試題

在測(cè)試選擇什么樣的顏色時(shí)，可以詢問(wèn)用戶一些測(cè)試問(wèn)題。雖然，你不會(huì)明確詢問(wèn)顏色，但你可以通過(guò)以下問(wèn)題了解用戶對(duì)你的品牌和設(shè)計(jì)的看法。

1. 在訪問(wèn)（網(wǎng)站 / app）之前，請(qǐng)告訴我你預(yù)期的網(wǎng)站 / app 是什么樣的？
2. 您如何描述此網(wǎng)站 / app？
3. 你的第一印象是什么？當(dāng)你看到 網(wǎng)頁(yè) / app 時(shí)，浮現(xiàn)在你的腦海的第一個(gè)關(guān)鍵詞是什么？
4. 你首先點(diǎn)擊哪里？是什么原因？
5. 從 1（非常不愉快）到 5（非常愉快），這個(gè)網(wǎng)站 / app 讓你感覺(jué)如何？
6. 你信任該公司的可能性有多大？
7. 你能想到哪些提供類似服務(wù)的其他公司？你覺(jué)得這家公司和他們相比怎么樣？

總之，相信你的眼睛

最后，我給大家總結(jié)了一個(gè)簡(jiǎn)短的清單，有助于制作一個(gè)色彩鮮艷的數(shù)字產(chǎn)品：

• 色彩可以影響人們的日常行為，也可以刺激人們的情緒。另外，每一種顏色都有其特殊的意義。在決定應(yīng)用程序的主要顏色之前，檢查調(diào)色板肯定會(huì)幫助您找到與正確的信息完美匹配的色調(diào)。
• 有些色彩因性別產(chǎn)生的偏好，能夠總結(jié)出一些與其他色彩的通用差異，另外，顏色偏好也取決于年齡。在為你的數(shù)字產(chǎn)品選擇絕配的顏色時(shí)，要照顧好你的目標(biāo)用戶。
• 顏色只是一回事，但使用您產(chǎn)品的人更重要！請(qǐng)記住 HubSpot 的”行動(dòng)號(hào)召”的顏色測(cè)試，以及顏色領(lǐng)域沒(méi)有魔力的事實(shí)，只需要定義良好的目標(biāo)受眾。
• 在測(cè)試顏色選擇時(shí)使用給定的問(wèn)題！

原文：https://uxstudioteam.com/ux-blog/color-psychology-in-ux-design/

作者：Hossein?Raspberry

譯者：Mathilda；公眾號(hào)：三分設(shè)

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

題圖來(lái)自Unsplash，基于CC0協(xié)議