互連網的色彩心理學

來源:互聯網
上載者:User

  為什麼Facebook是藍色的——從最初到最新的版本,幾經設計更迭,始終不變的主色調都是藍色?答案其實很簡單,根據《紐約客》的一次採訪,Facebook的創始人馬克·紮克伯格其實是一個紅綠色盲,他只能分辨出藍色:“藍色對我來說是色彩最豐富的顏色。”

 

  * Facebook最初始的設計介面,那時候它還叫做thefacebook.com。當時,想要在上面開個賬戶必須有一個以.edu(哈佛大學)結尾的郵箱才行。

  無心插柳也好,有意栽培也好,色彩往往能夠體現互連網品牌的創始人的審美和喜好,而設計師對於色彩的挑選和取捨,也是完成作品中的必備環節。

  Youtube設計師Marc Hemeon就曾收集了18組流行網站或產品的按鈕設計色彩,用來評估和調研色彩對於使用者心理的影響:

 

  對應網站或產品的謎底如下:

  1、Google

  2、Twitter

  3、Facebook

  4、Microsoft

  5、Pinterest

  6、Yahoo

  7、Instagram

  8、Flickr

  9、Spotify

  10、Rdio

  11、Svbtle

  12、Medium

  13、Basecamp

  14、Square

  15、Amazon

  16、Quora

  17、LinkedIn

  18、Path

  大部分網站或產品的按鈕色彩都不會超過3種,指向“動作”的按鈕應當統一為同一種顏色,比如Google的“搜尋”按鈕是藍色,而Twitter的“註冊”按鈕則是明亮的黃色。

  社交分享工具Buffer的聯合創始人Leo Widrich在部落格上補充了關於色彩的一些觀點,摘錄部分內容如下。

  色彩能夠協助品牌極為簡易的建立使用者認知:

 

  灰色:象徵冷靜、中立;(蘋果、維基百科、紐約時報……)

  綠色:象徵健康、生命;(BP石油、食品超市whole foods、星巴克……)

  藍色:象徵可靠、力量;(戴爾、福士汽車、IBM……)

  紫色:象徵智慧、想象;(雅虎、T-Mobile、科幻主題電視台Syfy……)

  紅色:象徵血氣、年輕;(可口可樂、樂高、肯德基……)

  橙色:象徵歡樂、信任;(芬達、亞馬遜、Firefox……)

  黃色:象徵溫暖、透明;(百思買、法拉利、麥當勞……)

  站在消費者角度,色彩也能夠在理解和決策階段起到一定的影響作用:

 

  黃色:吸引注意力的購物視窗;

  紅色:刺激心血的緊迫感,常出現在清倉情境;

  藍色:多用於銀行和商業機構裡,強調安全;

  綠色:讓人聯想到富裕和輕鬆,緩解壓力;(支付寶的信用卡還款按鈕選擇了綠色作為主色調,能夠理解原因了吧)

  橙色:呼叫意味濃厚,用於建立下訂、購買、出售的行動;

  粉色:服務於女性和年輕女孩的浪漫色調;

  黑色:奢侈品的首選;

  紫色:給人舒緩&平靜的感受,常被美容及抗衰老產品使用;

  男性和女性對於色彩的喜好度有所偏差:

  企業分析服務公司KISSmetrics的調查報告顯示(這份報告主要用於建議App產品的創業者在產品設計上的策略)——

  女性喜愛的色彩:藍色、紫色和綠色;

  女性討厭的色彩:橙色、棕色和灰色;

 

  男性喜愛的色彩:藍色、綠色和黑色;

  男性喜愛的色彩:褐色、橙色和紫色;

 

  色彩能夠決定轉化率的差距:

  美國數位行銷公司Hubspot曾經做過一場A/B Testing,用於測試不同顏色對於使用者點擊轉化造成的差異——

 

  左右兩個測試顏面在內容上完全一直,唯一不同的是按鈕的顏色,在超過2000人次的樣本測試中,最終紅色方案的點擊率超過綠色方案的點擊率足足21%。

  而在測試之前,大部分的研究員都猜測綠色方案會獲得更高的點擊,因為就直覺而言,綠色代表著通行、准許通過的意思,而紅色則更傾向於警告、阻止意味。

  最後,為什麼Html語言裡超連結的預設顏色是藍色的?

  因為藍色是從灰色底色中脫穎而出的最佳色調。

 

  這個決定是由Tim Berners-Lee——全球資訊網的發明者做出的。在他那個年代,互連網的第一代瀏覽器Mosaic顯示的網頁底色通常都是灰底黑字,為了讓超文本連結能夠更方便識別,Tim Berners-Lee將超連結定義為藍色並帶有底線的文字。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。