顏色可以影響觀眾對(duì)產(chǎn)品的第一印象，是設(shè)計(jì)師傳達(dá)意義的重要工具，關(guān)注顏色在用戶體驗(yàn)中的影響可以幫助我們做出更符合產(chǎn)品定位的設(shè)計(jì)。

顏色影響方方面面，顏色影響用戶接觸設(shè)計(jì)時(shí)的感受，影響他們?nèi)绾问褂迷O(shè)計(jì)，甚至影響他們是否可以看見全部的設(shè)計(jì)并理解設(shè)計(jì)。很簡單，顏色不僅僅是裝飾工具，顏色是用戶體驗(yàn)的核心。

讓我們從一個(gè)常見的例子開始：您剛剛為某人完成了一個(gè)網(wǎng)站設(shè)計(jì)。它的外觀和功能與線框完全相同。設(shè)計(jì)團(tuán)隊(duì)中的每個(gè)人都贊揚(yáng)了這個(gè)項(xiàng)目。然而客戶討厭它，但是他們無法解釋為什么討厭它。

罪魁禍?zhǔn)卓赡苁穷伾?。不同的顏色可以使人們產(chǎn)生強(qiáng)烈的情緒，以至于人們對(duì)設(shè)計(jì)的產(chǎn)品產(chǎn)生尖銳的反應(yīng)。一部分是個(gè)人偏好的原因，一部分是心理的原因，甚至是社會(huì)規(guī)范的原因。了解這些趨勢(shì)和用戶特征可以極大地影響用戶體驗(yàn)。

以下是您需要了解的內(nèi)容。

用戶期望和偏好

用戶體驗(yàn)的研究始于網(wǎng)站或應(yīng)用程序設(shè)計(jì)的用戶類型。基本的人口統(tǒng)計(jì)數(shù)據(jù)如性別、用戶所居住的地區(qū)，會(huì)影響他們對(duì)您設(shè)計(jì)所基于的顏色的看法。

顏色對(duì)用戶體驗(yàn)最有趣的影響之一與性別有關(guān)。研究表明，男性和女性傾向于喜歡和不喜歡某些類型的顏色。

男性傾向于與較暗的設(shè)計(jì)和較飽和色彩的網(wǎng)站進(jìn)行更多的交互，例如上面的 VLNC Studio。

女性傾向于與具有較淺設(shè)計(jì)和較柔和色調(diào)的網(wǎng)站互動(dòng)，例如下面的 Tally。

一些男人對(duì)使用淡粉色、紫色和黃色等鮮明女性色彩的網(wǎng)站有著敏銳的反應(yīng)。

更多女性傾向于遠(yuǎn)離具有刺眼的配色方案的網(wǎng)站，例如有著完全飽和的紅色調(diào)或深色背景的網(wǎng)站。

中調(diào)色調(diào)對(duì)每個(gè)人來說都是最有吸引力的。

顏色的關(guān)聯(lián)和含義

雖然這不是一門精確的科學(xué)，但顏色與情感具有相當(dāng)明顯的關(guān)聯(lián)。注意，某些顏色可能屬于極端類別。這些關(guān)聯(lián)往往與其他設(shè)計(jì)元素一起創(chuàng)造出整體氛圍。

當(dāng)用戶看到某種顏色或顏色組合時(shí)，它會(huì)在大腦中產(chǎn)生即時(shí)反應(yīng)。

紅色：力量，危險(xiǎn)，愛/激情，饑餓

黃色：能量，快樂，輕盈，溫暖

橙色：創(chuàng)造力，決心，刺激，鼓勵(lì)

綠色：自然，成長，和諧，新鮮

藍(lán)色：信心，信任，寧靜，冷靜

紫色：魔術(shù)，皇室，野心，獨(dú)立

建立品牌識(shí)別

您覺得可口可樂的設(shè)計(jì)元素是紅色的。這一顏色是品牌的代名詞，被稱為“可樂紅”。改變顏色后，品牌會(huì)使人困惑。您不能馬上認(rèn)出它來。用戶很震驚，并且沒有以預(yù)期的方式做出反應(yīng)。甚至這種飲料看起來味道似乎也不太一樣。

所有這些感受都來自改變顏色。當(dāng)您看到帶有綠色可口可樂品牌的第一張圖片時(shí)，您可能會(huì)覺得自己想說“什么？”。

隨著品牌的發(fā)展，它會(huì)影響你的用戶體驗(yàn)。

色彩是品牌中的一個(gè)重要元素，因?yàn)樗谟脩艉驮O(shè)計(jì)之間建立了獨(dú)特的聯(lián)系。顏色告訴用戶品牌是關(guān)于什么的，以及用戶將要參與的事情是什么。

改變顏色，或者使用一些非品牌的元素，用戶體驗(yàn)就會(huì)受到影響，因?yàn)榫W(wǎng)站訪問者突然對(duì)他們認(rèn)為熟悉的品牌感到困惑或不確定。

用戶模式與顏色關(guān)聯(lián)

您有沒有注意到有多少網(wǎng)站使用紅色或橙色按鈕？

這是有原因的。

與網(wǎng)站背景形成對(duì)比的亮色按鈕——紅色和橙色往往能從淺色或深色背景中脫穎而出，可以幫助用戶找到、了解并參與單擊或輕敲元素，因?yàn)橛脩艨梢栽谝曈X上立即了解到他們對(duì)該元素的期望。

用戶體驗(yàn)的一個(gè)關(guān)鍵部分是為用戶提供他們喜歡、容易理解且輕松的互動(dòng)機(jī)會(huì)。

Cruise 使用一個(gè)帶有紅色文本和紅色懸停狀態(tài)的虛擬按鈕。它相較于傳統(tǒng)的純色按鈕有很大不同，但如何與之交互幾乎沒有問題。顏色可以將用戶吸引到該按鈕上。

NET Blueez 給導(dǎo)航菜單中最重要的元素使用亮橙色按鈕。請(qǐng)注意該元素是如何從屏幕上跳出來請(qǐng)求單擊的。

提高轉(zhuǎn)化率

在設(shè)計(jì)過程中挑戰(zhàn)自己，使用A / B測(cè)試來測(cè)試按鈕顏色。您可能會(huì)發(fā)現(xiàn)一種顏色的轉(zhuǎn)化率明顯高于另一種顏色。（而它可能不是您期望的顏色）

當(dāng)按鈕或鏈接的顏色與設(shè)計(jì)的其余部分形成鮮明對(duì)比時(shí)，轉(zhuǎn)化率往往會(huì)增加。因此，當(dāng)您想要使用品牌主色調(diào)時(shí)，選擇對(duì)比色是產(chǎn)生轉(zhuǎn)化的關(guān)鍵，有助于提升整體用戶體驗(yàn)。

請(qǐng)看下面的網(wǎng)站， 哪個(gè)顏色的按鈕最有可能讓您點(diǎn)擊？（原始顏色為藍(lán)色。）

為所有用戶提供可訪問性

最后一點(diǎn)，顏色不是以情緒或心理學(xué)的方式影響用戶體驗(yàn)的。它比那些更加實(shí)際。

顏色會(huì)影響用戶體驗(yàn)，因?yàn)樗梢允乖O(shè)計(jì)可訪問或不可訪問。

為了讓每個(gè)人都能完全理解設(shè)計(jì)并參與其內(nèi)容，顏色必須能夠被輕松地查看和閱讀。使用符合可訪問性的調(diào)色板和對(duì)比度，可確保每個(gè)用戶都能理解您的顏色選擇。

例如下方的這些比較案例，使用色盲過濾器來幫助模擬某些用戶在查看您的網(wǎng)站時(shí)可能會(huì)看到的內(nèi)容。這對(duì)可用性有何影響？

總結(jié)

將顏色視為一種工具，可以幫助用戶更好地互動(dòng)和體驗(yàn)?zāi)W(wǎng)站上的內(nèi)容。它會(huì)影響用戶在情感和可用性方面的體驗(yàn)。

確定顏色是否以正確的方式影響用戶體驗(yàn)的關(guān)鍵是通過用戶測(cè)試。A/B顏色測(cè)試是一個(gè)有用的工具。