不同的顏色往往帶給我們不同的情感和體驗。
色彩是一種美麗的東西，可以給人類帶來不同的情感。我們將使用顏色來區(qū)分類似的東西。
然而，在現(xiàn)實生活中，顏色不存在。顏色建立在人類大腦的視覺系統(tǒng)中。這意味著顏色本質(zhì)上是主觀的，而不是客觀的。
在設(shè)計中，顏色是吸引用戶注意力的關(guān)鍵因素。當(dāng)人們接觸到新事物時，顏色是最容易記住的信息。顏色的設(shè)計往往與品牌密切相關(guān)。很多時候，人們是否購買產(chǎn)品在很大程度上取決于顏色。色彩對人們的心理有著非常重要的影響。
事實01:男性和女性對顏色的偏好
男生喜歡的顏色和女生喜歡的顏色非常不同。
法律是：
男性和女性最受歡迎的是藍(lán)色（很多產(chǎn)品都使用藍(lán)色）;大多數(shù)人不喜歡橙色。
男人喜歡大膽的色彩，女人喜歡柔和的色彩。
男士和女士最喜歡的顏色
（來自：市場營銷和品牌的色彩心理學(xué)，作者：GREGORY CIOTTI，2016.5.17）
男士和女士最不喜歡的顏色
（來自：市場營銷和品牌的色彩心理學(xué)，作者：GREGORY CIOTTI，2016.5.17）
因此，如果你想設(shè)計一個主要針對女性的產(chǎn)品，你可以參考女性一般喜歡使用的藍(lán)色，紫色和綠色，少用女性不喜歡的橙色，棕色和灰色。
（來自：Facebook為什么是藍(lán)色？市場營銷中的色彩背后的科學(xué)，作者：LEO WIDRICH，2013.5.6）
如果該產(chǎn)品主要針對男性，請考慮男性喜歡藍(lán)色，綠色和黑色，并且不喜歡棕色，橙色或紫色。
（來自：Facebook為什么是藍(lán)色？市場營銷中的色彩背后的科學(xué)，作者：LEO WIDRICH，2013.5.6）
但是，您無法僅根據(jù)用戶首選項選擇顏色。更重要的是使用顏色來提高產(chǎn)品質(zhì)量和體驗。
事實02:顏色的選擇取決于“產(chǎn)品特性”或“提供的服務(wù)”
在決定是否購買之前，人們會看到一種經(jīng)常被顏色吸引的產(chǎn)品。
（G-shock網(wǎng)站。來自：色彩，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
G-shock手表以其強(qiáng)大的功能和耐用性而聞名。當(dāng)用戶打開G-shock手表的網(wǎng)站時，他覺得他相信這款手表的含義。
當(dāng)用戶使用產(chǎn)品時，產(chǎn)品的顏色也會突出顯示用戶的個性。
所以G-shock使用大膽的色彩吸引那些喜歡“酷”而不是“專業(yè)性能”用戶的用戶。
事實03:顏色使產(chǎn)品“可識別”
產(chǎn)品設(shè)計不僅可以“理解”，而且“易于找到”。
我們的大腦總是喜歡立刻認(rèn)出我們的品牌。
為了創(chuàng)造有吸引力且可識別的產(chǎn)品，有必要選擇適合產(chǎn)品的性質(zhì)，個性和情感的顏色，并且與其他競爭產(chǎn)品不同。
研究表明，顏色是直接商業(yè)競爭的關(guān)鍵因素。當(dāng)消費者想到產(chǎn)品時，首先想到的是產(chǎn)品的獨特顏色。例如，肯德基在食品行業(yè)，麥當(dāng)勞，星巴克。
（肯德基如何在應(yīng)用程序中使用顏色。來自：顏色，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
（mcdonalds如何在應(yīng)用程序中使用顏色。來自：顏色，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
（星巴克如何在應(yīng)用程序中使用顏色。來自：顏色，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
重點是：了解用戶，關(guān)注用戶對顏色的反映，而不是關(guān)注顏色本身。
您的顏色應(yīng)該達(dá)到您想要給客戶的目標(biāo)。
顏色如何影響設(shè)計？
每個公司的徽標(biāo)使用不同的顏色來觸發(fā)不同的情緒。
（來自：Facebook為什么是藍(lán)色？市場營銷中的色彩背后的科學(xué)，作者：LEO WIDRICH，2013.5.6）
藍(lán)色
使用最廣泛; （兩個主要的社交網(wǎng)站Facebook和Twitter都使用藍(lán)色）
人們感到信任，安全和放松。 （信任，安全和放松）（信任：這么多銀行，商業(yè)組織，運(yùn)輸網(wǎng)站使用藍(lán)色）
不同的藍(lán)色調(diào)會帶來不同的情緒：
淡藍(lán)色：平靜，讓人感覺恢復(fù)精力。 （冷靜，精神煥發(fā)）
純天藍(lán)：快樂友好。 （幸福，對用戶友好）
（來自：色彩，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
（藍(lán)色代表可靠性，這對旅游公司來說是一件好事。來自：UI設(shè)計中最重要的顏色，來自：Nick Babich，2017.7.29）
（藍(lán)色喚起平衡感和平靜智慧。這就是為什么絕大多數(shù)金融服務(wù)公司都使用藍(lán)色。
（藍(lán)色是Facebook的主導(dǎo)色，因為馬克扎克伯格是色盲。正如他所說，“藍(lán)色是我最富有的色彩 - 我可以看到所有藍(lán)色。”
一集：為什么“超鏈接文字”使用藍(lán)色？
簡單地說，因為在最早的網(wǎng)站頁面中，藍(lán)色可以顯示最高的對比度。
（來自：Facebook為什么是藍(lán)色？市場營銷中的色彩背后的科學(xué)，作者：LEO WIDRICH，2013.5.6）
網(wǎng)絡(luò)的主要先驅(qū)Tim Berners-Lee被認(rèn)為是第一個以藍(lán)色鏈接的人。
一個非常早期的網(wǎng)絡(luò)瀏覽器，Mosaic，使用丑陋的灰色背景和黑色文本。那時，可以使用的非黑色，最深的文本顏色是藍(lán)色。因此，突出顯示超鏈接文本并保證可讀性，選擇藍(lán)色。
粉紅色
與甜食和甜食有關(guān)，通常被稱為“少女和含糖物品”，“女孩的顏色”）
但不僅僅是女性特有的顏色;
代表活潑，快樂，年輕（好玩，快樂，年輕）
（來自：色彩，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
黑
代表全權(quán)和正式;
黑色可??以帶來比其他顏色更強(qiáng)的力量感;黑色是光譜中最強(qiáng)的顏色，比其他顏色更快，甚至是紅色;所以它主要用于文字和文字; p>
對于奢侈品;
“一切都很酷，黑色”
（來自：色彩，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
紅色
（重要感并向我們通報危險）
用于需要特別注意的地方; （特別注意，例如交通燈）通常用于：清倉甩賣
大多數(shù)情況下，它被用于需要立即注意的地方; （需要立即關(guān)注）
愛與激情的象征。 （愛和激情的象征）
（來自：在UX設(shè)計中用色彩創(chuàng)造情感，作者：Nick Babich，2016.5.17）
（來自：色彩，心理學(xué)和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18）
綠色
（與環(huán)境，樹木和植物相連）
大多數(shù)時候它用于有機(jī)食品和飲料等產(chǎn)品; （有機(jī)食品和飲料）
飽和度較高的果嶺讓人感到興奮和充滿活力，引起了很多關(guān)注。這就是綠色常用于CTA按鈕的原因。 （號召性用語按鈕）。
（有機(jī)食品在現(xiàn)場設(shè)計中使用了大量的綠色。）
（與藍(lán)色相結(jié)合，綠色進(jìn)一步延續(xù)了清潔度。）
（綠色的“嘆氣”按鈕。）
橙
充滿活力，比紅色刺激性小; （精力充沛，精力不足）;訂閱，購買，出售;
食物，健康; （例如維生素C）
俏皮，樂觀，價廉，適合休閑產(chǎn)品，非企業(yè)網(wǎng)站首選; （好玩，樂觀，非常適合休閑）
（Orange Telecom廣告活動。來自: Adam Hayes）
（橙色便宜的財產(chǎn)：在Hipmunk網(wǎng)站上搜索CTA按鈕）
當(dāng)我們考慮顏色時，我們考慮品牌，少考慮“影響用戶情感”的方向。
但事實上，我們可以用色彩來喚起用戶的不同情緒。從這個角度來看，顏色也是商業(yè)競爭中的武器。
黃
沖鋒可以代表快樂和焦慮; （快樂和焦慮）
亮黃色：精力充沛，樂觀，年輕; （精力充沛，樂觀，年輕）
亮黃+黑：警告，注意很多（警告標(biāo)志，引起很多關(guān)注）
黃金：更嚴(yán)重，古代
（獲得了很多關(guān)注。來源: hlvticons）
（百年靈使用黃色將訪客聚焦于CTA按鈕“發(fā)現(xiàn)模型。”）
實驗
Performable網(wǎng)站（現(xiàn)為HubSpot）的設(shè)計者想測試改變按鈕的顏色不會改變轉(zhuǎn)換率。只有按鈕的顏色不同，一個是紅色，一個是綠色。
啟動每個人的假設(shè)：
與綠色相關(guān)的概念是：天然和環(huán)保;與“綠燈”的聯(lián)系代表了行動的“進(jìn)步”;
與紅色相關(guān)的概念包括：興奮，激情，血液，警告，吸引注意力，以及讓人聯(lián)想到“紅燈停止”。
因此，很明顯，在A/B測試之前，每個人都認(rèn)為綠色更合適。
（來自：Facebook為什么是藍(lán)色？市場營銷中的色彩背后的科學(xué)，作者：LEO WIDRICH，2013.5.6）
但是，結(jié)果是什么？
結(jié)果非常令人驚訝：頁面上的所有其他元素都相同，點擊紅色按鈕的人點擊綠色按鈕的可能性增加21％。因此，數(shù)字的差異只是按鈕顏色的差異。
如果我沒有讀過這個實驗，我只想從設(shè)計的角度來判斷哪種顏色更合適。我絕對選擇綠色。然而，這個實驗讓我意識到情況并非總是如此。
無論您想做出哪些改變，都應(yīng)將您的決定視為“假設(shè)”。在實際測試之后，查看實際數(shù)據(jù)結(jié)果是否足以支持您的設(shè)計思路。
無論如何，數(shù)據(jù)總是勝過意見。— LEO WIDRICH
單獨改變顏色并對結(jié)果進(jìn)行重大改變是一件有趣的事情。
另一個實驗
顏色的影響通常不是獨立的，而是一起工作。
Paras Chopra希望測試他如何能夠更好地下載他的PDF制作人，并且他做了以下測試：
（來自：市場營銷和品牌的色彩心理學(xué)，作者：GREGORY CIOTTI，2016.5.17）
猜猜哪種類型的下載最高？結(jié)果如下：
（來自：市場營銷和品牌的色彩心理學(xué)，作者：GREGORY CIOTTI，2016.5.17）
10贏得了顯著的優(yōu)勢。這不是巧合。也許你已經(jīng)注意到“PDFProducer”文本很小而且是淺灰色，但是動作文本“免費下載”很大而且仍然是紅色，這就形成了鮮明的對比。
總結(jié)
對于設(shè)計師來說，沒有顏色是每個人都喜歡的“最佳顏色”。
最終，您的設(shè)計的正確顏色是您的用戶認(rèn)為正確的顏色。 —作者：Nick Babich
我們應(yīng)該關(guān)注“我們?yōu)檎l設(shè)計”并收集反饋，然后在設(shè)計的早期階段調(diào)整想法。從而使用各種顏色原理來提供更好的用戶體驗。
（轉(zhuǎn)換的A/B測試。來自：在UX設(shè)計中用色彩創(chuàng)造情感，作者：Nick Babich，2016.5.17）
參考文獻(xiàn)：
色彩，心理和設(shè)計– UX Planet，作者：muditha batagoda，2017.9.18
在UX設(shè)計中用色彩創(chuàng)造情感，作者：Nick Babich，2016.5.17
營銷和品牌的色彩心理學(xué)，作者：GREGORY CIOTTI，2016.5.17
為什么Facebook會變藍(lán)？營銷中的色彩背后的科學(xué)，作者：LEO WIDRICH，2013.5.6
UI設(shè)計中最重要的顏色，作者：Nick Babich，2017.7.29
從原理到方法，解釋顏色更加實用和全面：如何在UI設(shè)計中使用顏色明智地創(chuàng)建一個完美的UI界面？，來自: Trista Iiu，2017.10.16
總結(jié)：
色彩效果：響應(yīng)品牌個性;提供更好的體驗;影響購買決策。
色彩實用方法：在不同情況下選擇合適的色調(diào);注意使用藍(lán)色;改變暗色和淺色的規(guī)律;色比6：3：1;最多3種顏色;選擇顏色時要注意性別因素。
一般原則：可用性就是一切。提供良好，愉快的體驗是一個關(guān)鍵標(biāo)準(zhǔn)。
最后，建議使用該工具。
作者：Angelaaa
資料來源：了解專欄：ANN的設(shè)計說明
本文由@Angelaaa授權(quán)，是產(chǎn)品經(jīng)理。未經(jīng)作者許可，禁止轉(zhuǎn)載。
該地圖來自PEXELS，基于CC0協(xié)議