編者按：關于色彩，我們聊的最多的就是配色方案和色彩心理學。的確，設計師不止要明白色彩的美學特征，還要懂得用戶心理。而從營銷角度上來考慮配色的時候，和我們常說的色彩心理學還有一點微小的差異，看看我們今天的文章是怎么說的~

為什么Facebook 的主色調是藍色？根據紐約客的說法，原因很簡單：扎克伯格是紅綠色盲，藍色對他而言是最容易識別的顏色。而扎克伯格自己也說道：

“藍色對我而言是最豐富的色彩，我能看清所有的藍色?！?/p>

這聽起來好像挺扯犢子的吧？雖然事實上Facebook 的色調選取可能并非如此，但是這個事情確實從某些側面很好的印證了色彩對于品牌，對于用戶的巨大影響。

畢竟，色彩在視覺上對于人類的影響是巨大的，甚至有研究估算出，色彩對于某些產品的影響超過90%。

那么色彩到底是如何影響我們的，在營銷過程中色彩又遵循哪些科學原理呢？隨著我們針對Buffer 這個產品不斷改進提升，我們也越來越意識到色彩對于產品的重要影響。接下來，我們一同來通過最新、最有趣的研究，來探索色彩的秘密。

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

在開始探索之前，我們通過幾個簡單的案例來感受一下色彩的強大識別性。根據下面按鈕的色彩，來判斷它們分辨屬于哪家互聯網公司：

案例1（容易）：

案例2（容易）：

案例3（中等）：

案例4（困難）：

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

不同的色彩能觸發哪些不同的感受？

色彩對我們所產生的情緒觸動有的時候并不是那么顯而易見。所以，有的LOGO設計公司就想出了一個非常贊的方法來解決這個問題，它們將不同品牌按照色彩和情緒進行了細分。看看下面的案例：

黑色:

綠色:

藍色:

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

色彩的影響非常大，而當你想買東西的時候，這種作用就更加明顯了。上面那個信息圖就是出自數據分析公司 KISSmetrics 之手，其中品牌用色和所觸發的情緒清晰地表明了品牌色對于用戶購買趨勢的影響。

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

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

如何更好地用色彩來強化營銷效果

色彩的玩法看起來頗為娛樂化，那么它們對于現如今的網站和APP有著怎樣的作用呢？我們還是從 KISSmetrics 的研究結果中來尋找答案。

如果你所搭建的APP主要是針對女性用戶的話，那么KISSmetrics 建議你：

女性喜歡：藍色、紫色、綠色
女性討厭：橙色、棕色、灰色

如果你的APP主要針對男性用戶的話，那么這個時候游戲規則又不一樣了：

男性喜歡：藍色、綠色、黑色
男性討厭：棕色、橙色、紫色

在另外一個名為 Performable（現在名為HubSpot）的實驗也很有意思，實驗人員旨在通過更換按鈕顏色來測試轉化率。

最開始，他們選取了紅色和綠色兩種色彩進行測試，并試圖對用戶的反應和測試結果進行簡單的假設。

對于綠色，他們直覺上是這么認為的：

“綠色通常同‘自然’和‘環境’的概念聯系到一起，考慮到它常常會在交通燈上使用，它本身還帶有‘走’和‘前進’的含義?！?/p>

對于紅色，他們的認知是這樣的：

“紅色通常會同‘興奮’、‘激情’、‘警告’和‘血液’聯系到一起。作為紅綠燈上最常見的部分，它往往暗含‘禁止’的含義，非常容易抓住人的注意力。”

這樣一來，在針對紅色和綠色的A/B測試中，綠色往往因為給人感覺更為友好而取勝。至少大家都是這么覺得的。他們的測試是這么做的：

那么這個測試結果最終怎么樣呢？結果會讓你大吃一驚：

紅色比綠色按鈕的點擊量要高21%。

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

這些研究讓我不得不陷入思考。如果我們根據之前所有的研究結果和經驗總結，向每一個研究人員和用戶體驗設計師提問，我敢肯定，幾乎所有人都會說綠色的效果會更好。但是事實并非如此。

在Buffer 團隊中，我們曾經嘗試過將按鈕換成幾十種不同的色彩，并針對其轉化率一一進行測試。雖然最終的結果并不夠明晰，但是我們還是能夠看到不同色彩的效果差異巨大。

盡管相關的研究非常多，但是要總結出一個非常系統的規律，還是很難的。

不論你的測試的變量是什么，那么先做假設，再進行測試驗證。

就我個人而言，我傾向于根據我的想法和相關的研究去進行假設和試驗，但是不論如何，數據總比觀點和想法更能說明問題。

為何超鏈接是藍色

其實這個問題的答案并不傳奇，只是最初的網站背景多為灰色，而灰色背景和藍色的超鏈接擁有著絕佳的對比度。

當然，還有更為完整的解釋：

“Tim Berners-Lee 是互聯網的主要發明者，他被認為是提出藍色超鏈接這一方案的人。最早的瀏覽器Mosaic 所顯示的網頁通常是灰色的背景和黑色的文字。當時瀏覽器能顯示的最深的色彩除了黑色就是藍色，因此，為了確保鏈接的識別度還要和文本去分開，就讓超鏈接以藍色來顯示?！?/p>

色彩是設計和營銷中最重要的工具，也是最迷人的部分，只需要稍加改變就能帶來截然不同的結果。

開頭測試的答案：1、 Facebook 2、 Google 3、 Flickr 4、 LinkedIn

【設計師還是得多懂點色彩心理學】

• 《常識小科普！聊聊常見顏色對人的心理影響》
• 《色彩心理學！顏色對用戶究竟有哪些影響？（附大量實例）》
• 《配色弱的進來！如何巧用色彩打造動人心弦的網頁設計》

原文地址：buffer
原文作者：buffer
優設譯文：@陳子木

本文由優設網原創翻譯，請尊重版權和譯者成果，轉摘請附上優設鏈接，違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com