不止是好看！設(shè)計(jì)師要懂的營(yíng)銷(xiāo)色彩學(xué)知識(shí)

編者按：關(guān)于色彩，我們聊的最多的就是配色方案和色彩心理學(xué)。的確，設(shè)計(jì)師不止要明白色彩的美學(xué)特征，還要懂得用戶(hù)心理。而從營(yíng)銷(xiāo)角度上來(lái)考慮配色的時(shí)候，和我們常說(shuō)的色彩心理學(xué)還有一點(diǎn)微小的差異，看看我們今天的文章是怎么說(shuō)的~

為什么Facebook 的主色調(diào)是藍(lán)色？根據(jù)紐約客的說(shuō)法，原因很簡(jiǎn)單：扎克伯格是紅綠色盲，藍(lán)色對(duì)他而言是最容易識(shí)別的顏色。而扎克伯格自己也說(shuō)道：

“藍(lán)色對(duì)我而言是最豐富的色彩，我能看清所有的藍(lán)色。”

這聽(tīng)起來(lái)好像挺扯犢子的吧？雖然事實(shí)上Facebook 的色調(diào)選取可能并非如此，但是這個(gè)事情確實(shí)從某些側(cè)面很好的印證了色彩對(duì)于品牌，對(duì)于用戶(hù)的巨大影響。

畢竟，色彩在視覺(jué)上對(duì)于人類(lèi)的影響是巨大的，甚至有研究估算出，色彩對(duì)于某些產(chǎn)品的影響超過(guò)90%。

那么色彩到底是如何影響我們的，在營(yíng)銷(xiāo)過(guò)程中色彩又遵循哪些科學(xué)原理呢？隨著我們針對(duì)Buffer 這個(gè)產(chǎn)品不斷改進(jìn)提升，我們也越來(lái)越意識(shí)到色彩對(duì)于產(chǎn)品的重要影響。接下來(lái)，我們一同來(lái)通過(guò)最新、最有趣的研究，來(lái)探索色彩的秘密。

你能否根據(jù)基本的色彩分辨出品牌？

在開(kāi)始探索之前，我們通過(guò)幾個(gè)簡(jiǎn)單的案例來(lái)感受一下色彩的強(qiáng)大識(shí)別性。根據(jù)下面按鈕的色彩，來(lái)判斷它們分辨屬于哪家互聯(lián)網(wǎng)公司：

案例1（容易）：

案例2（容易）：

案例3（中等）：

案例4（困難）：

這個(gè)測(cè)試是Youtube 的設(shè)計(jì)師 Marc Hemeon 所提供的，我想許多歐美設(shè)計(jì)師都能輕松分辨出來(lái)。你猜到了多少？（答案在文章末尾）

不同的色彩能觸發(fā)哪些不同的感受？

色彩對(duì)我們所產(chǎn)生的情緒觸動(dòng)有的時(shí)候并不是那么顯而易見(jiàn)。所以，有的LOGO設(shè)計(jì)公司就想出了一個(gè)非常贊的方法來(lái)解決這個(gè)問(wèn)題，它們將不同品牌按照色彩和情緒進(jìn)行了細(xì)分。看看下面的案例：

黑色:

綠色:

藍(lán)色:

單純的文字表述可能不是那么直觀(guān)，那么看看各大品牌都是怎么運(yùn)用色彩的。這些歸納很好地解釋了這些品牌都在尋求什么樣的情緒觸發(fā)：

色彩的影響非常大，而當(dāng)你想買(mǎi)東西的時(shí)候，這種作用就更加明顯了。上面那個(gè)信息圖就是出自數(shù)據(jù)分析公司 KISSmetrics 之手，其中品牌用色和所觸發(fā)的情緒清晰地表明了品牌色對(duì)于用戶(hù)購(gòu)買(mǎi)趨勢(shì)的影響。

其中綠色的部分讓我印象最深刻，這種令人放松的色彩更容易讓人下單。Buffer 的綠色色調(diào)并非我們刻意選取的，但是實(shí)際效果看起來(lái)好像也非常的不錯(cuò)。

再仔細(xì)看看，其實(shí)也很容易明白為何奢侈品品牌大多會(huì)選擇黑色作為主色調(diào)。下面是完整的信息圖：

如何更好地用色彩來(lái)強(qiáng)化營(yíng)銷(xiāo)效果

色彩的玩法看起來(lái)頗為娛樂(lè)化，那么它們對(duì)于現(xiàn)如今的網(wǎng)站和APP有著怎樣的作用呢？我們還是從 KISSmetrics 的研究結(jié)果中來(lái)尋找答案。

如果你所搭建的APP主要是針對(duì)女性用戶(hù)的話(huà)，那么KISSmetrics 建議你：

女性喜歡：藍(lán)色、紫色、綠色
女性討厭：橙色、棕色、灰色

如果你的APP主要針對(duì)男性用戶(hù)的話(huà)，那么這個(gè)時(shí)候游戲規(guī)則又不一樣了：

男性喜歡：藍(lán)色、綠色、黑色
男性討厭：棕色、橙色、紫色

在另外一個(gè)名為 Performable（現(xiàn)在名為HubSpot）的實(shí)驗(yàn)也很有意思，實(shí)驗(yàn)人員旨在通過(guò)更換按鈕顏色來(lái)測(cè)試轉(zhuǎn)化率。

最開(kāi)始，他們選取了紅色和綠色兩種色彩進(jìn)行測(cè)試，并試圖對(duì)用戶(hù)的反應(yīng)和測(cè)試結(jié)果進(jìn)行簡(jiǎn)單的假設(shè)。

對(duì)于綠色，他們直覺(jué)上是這么認(rèn)為的：

“綠色通常同‘自然’和‘環(huán)境’的概念聯(lián)系到一起，考慮到它常常會(huì)在交通燈上使用，它本身還帶有‘走’和‘前進(jìn)’的含義。”

對(duì)于紅色，他們的認(rèn)知是這樣的：

“紅色通常會(huì)同‘興奮’、‘激情’、‘警告’和‘血液’聯(lián)系到一起。作為紅綠燈上最常見(jiàn)的部分，它往往暗含‘禁止’的含義，非常容易抓住人的注意力?！?/p>

這樣一來(lái)，在針對(duì)紅色和綠色的A/B測(cè)試中，綠色往往因?yàn)榻o人感覺(jué)更為友好而取勝。至少大家都是這么覺(jué)得的。他們的測(cè)試是這么做的：

那么這個(gè)測(cè)試結(jié)果最終怎么樣呢？結(jié)果會(huì)讓你大吃一驚：

紅色比綠色按鈕的點(diǎn)擊量要高21%。

最值得注意的是，除了按鈕的色彩之外，測(cè)試中其他的元素都是一模一樣的，也就是說(shuō)，這種差異實(shí)際上就是色彩不同造成的。

這些研究讓我不得不陷入思考。如果我們根據(jù)之前所有的研究結(jié)果和經(jīng)驗(yàn)總結(jié)，向每一個(gè)研究人員和用戶(hù)體驗(yàn)設(shè)計(jì)師提問(wèn)，我敢肯定，幾乎所有人都會(huì)說(shuō)綠色的效果會(huì)更好。但是事實(shí)并非如此。

在Buffer 團(tuán)隊(duì)中，我們?cè)?jīng)嘗試過(guò)將按鈕換成幾十種不同的色彩，并針對(duì)其轉(zhuǎn)化率一一進(jìn)行測(cè)試。雖然最終的結(jié)果并不夠明晰，但是我們還是能夠看到不同色彩的效果差異巨大。

盡管相關(guān)的研究非常多，但是要總結(jié)出一個(gè)非常系統(tǒng)的規(guī)律，還是很難的。

不論你的測(cè)試的變量是什么，那么先做假設(shè)，再進(jìn)行測(cè)試驗(yàn)證。

就我個(gè)人而言，我傾向于根據(jù)我的想法和相關(guān)的研究去進(jìn)行假設(shè)和試驗(yàn)，但是不論如何，數(shù)據(jù)總比觀(guān)點(diǎn)和想法更能說(shuō)明問(wèn)題。

為何超鏈接是藍(lán)色

其實(shí)這個(gè)問(wèn)題的答案并不傳奇，只是最初的網(wǎng)站背景多為灰色，而灰色背景和藍(lán)色的超鏈接擁有著絕佳的對(duì)比度。

當(dāng)然，還有更為完整的解釋?zhuān)?/p>

“Tim Berners-Lee 是互聯(lián)網(wǎng)的主要發(fā)明者，他被認(rèn)為是提出藍(lán)色超鏈接這一方案的人。最早的瀏覽器Mosaic 所顯示的網(wǎng)頁(yè)通常是灰色的背景和黑色的文字。當(dāng)時(shí)瀏覽器能顯示的最深的色彩除了黑色就是藍(lán)色，因此，為了確保鏈接的識(shí)別度還要和文本去分開(kāi)，就讓超鏈接以藍(lán)色來(lái)顯示。”

色彩是設(shè)計(jì)和營(yíng)銷(xiāo)中最重要的工具，也是最迷人的部分，只需要稍加改變就能帶來(lái)截然不同的結(jié)果。

開(kāi)頭測(cè)試的答案：1、 Facebook 2、 Google 3、 Flickr 4、 LinkedIn

【設(shè)計(jì)師還是得多懂點(diǎn)色彩心理學(xué)】

• 《常識(shí)小科普！聊聊常見(jiàn)顏色對(duì)人的心理影響》
• 《色彩心理學(xué)！顏色對(duì)用戶(hù)究竟有哪些影響？（附大量實(shí)例）》
• 《配色弱的進(jìn)來(lái)！如何巧用色彩打造動(dòng)人心弦的網(wǎng)頁(yè)設(shè)計(jì)》

原文地址：buffer
原文作者：buffer
優(yōu)設(shè)譯文：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量150萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com