網路色彩心理學——為什麼Facebook是藍色而Yahoo是紫色的?

您曾好奇為何 Facebook 是藍色,而 Yahoo 是紫色的嗎?色彩搭配在網站設計上扮演舉足輕重的角色,因為色彩不僅有自己的象徵意義,也對應到觀者的心理狀態,各種品牌傳達不同意圖,在色彩選擇上就大異其趣。
評論
評論

本文轉載自虎嗅網 〈  產品和設計看過來:互聯網的色彩心理學  〉。

為什麼 Facebook 是藍色的——從最初到最新的版本,幾經設計更迭,始終不變的主色調都是藍色?

答案其實很簡單,根據《紐約客》的一次採訪,Facebook 創辦人 Mark Zuckerberg 其實是一個紅綠色盲,他只能分辨出藍色:「藍色對我來說是色彩最豐富的顏色。」

上圖為 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 在 Blog 上補充了關於色彩的一些觀點,摘錄部分內容如下:

色彩能夠幫助品牌極為簡易的建立用戶認知:

灰色:象徵冷靜、中立;(蘋果、維基百科、紐約時報……)
綠色:象徵健康、生命;(BP 石油、食品超市 whole foods、星巴克……)
藍色:象徵可靠、力量;(戴爾、大眾汽車、IBM……)
紫色:象徵智慧、想像;(Yahoo、T-Mobile、科幻主題電視台 Syfy……)
紅色:象徵血氣、年輕;(可口可樂、樂高、肯德基……)
橙色:象徵歡樂、信任;(芬達、亞馬遜、Firefox……)
黃色:象徵溫暖、透明;(百思買、法拉利、麥當勞……)

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

黃色:吸引注意力的購物窗口;
紅色:刺激心血的緊迫感,常出現在清倉場景;
藍色:多用於銀行和商業機構裡,強調安全;
綠色:讓人聯想到富裕和輕鬆,緩解壓力;(支付寶的信用卡還款按鈕選擇了綠色作為主色調,能夠理解原因了吧)
橙色:呼叫意味濃厚,用於創建下訂、購買、出售的行動;
粉色:服務於女性和年輕女孩的浪漫色調;
黑色:奢侈品的最佳匹配;
紫色:給人舒緩平靜的感受,常被美容及抗衰老產品使用;

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

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

女性喜愛的色彩:

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

男性喜愛的色彩:

藍色、綠色和黑色;
男性討厭的色彩:褐色、橙色和紫色;

色彩能夠決定轉

化率的差距:

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

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

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

最後,為什麼 Html 語言裡超鏈接的默認顏色是藍色的?

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

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

《延伸閱讀》

橘色暗示廉價,而黑色象徵高級 ——色彩是怎麼影響使用者的觀感?

2016 有哪些十大流行色?看世界知名色彩研究權威機構 Pantone怎麼說!

為什麼 IKEA 一個產品要出那麼多顏色?

Inside 網路品牌色彩學 (二):網路品牌最愛用的 logo 顏色是甚麼?

Inside 網路品牌色彩學 (一):你所不知道的 Inside 小內幕

歡迎加入「Inside」Line 官方帳號,關注最新創業、科技、網路、工作訊息

好友人數

AWS For Data Web Day:5 / 25 免費線上研討會,帶領企業制定現代化數據戰略

AWS 將於 2022 年 5 月 25 日 下午 2:00~5:00 舉行線上研討會 AWS For Data Web Day,以「數據與分析」為本次活動主旨,幫助企業制定現代化數據戰略,除了精彩內容外,同時也邀請了 3 位知名產業經驗的客戶進行分享,讓您了解在產業實務上 AWS 如何協助企業進行轉型。
評論
評論

數位轉型是一段不斷學習與創新的過程。身為雲端服務龍頭,AWS 從過去到現在從未停止創新,且為了幫助企業客戶在數據為王的時代,能有效利用數據資料獲得深入洞察、搶得市場先機,AWS 將於 2022 年 5 月 25 日 下午 2:00~5:00 舉行線上研討會 AWS For Data Web Day,以「數據與分析」為本次活動主旨,幫助企業制定現代化數據戰略。

2022 年的關鍵任務:制定現代化數據戰略

在討論元宇宙拓荒、搶佔新興科技商機以前,企業是否已經紮穩腳步,建置完善的數據資料庫,建構業務創新的重要基礎?在邁向新時代的關鍵 2022 年,此刻最重要的任務之一,是制定現代化的數據戰略,幫助企業持續數位轉型。對此,AWS For Data Web Day 線上研討會內容,將包含 Amazon DynamoDB 的十年創新之旅,帶領參與者進行新功能重點探討,並且同步深入了解 AWS 現代化企業數據遷移實戰、現代化數據平台大戰略、數據創新與加速分析應用等。

除了詳細解說數據對您企業帶來的影響之外,也邀請到 AWS 實際企業客戶分享成功案例,加速了解如何運用數據與分析進行產業數位轉型。

如何透過 AWS 獲得成功?重量級客戶親自揭密

AWS For Data Web Day 線上研討會本次邀請了重量級來賓,成功企業包含全方位寵物管家 萬達寵物、大數據智能資料稽核與保護的專家 – Datiphy 以及企業數據資產整合專家 – eForce,以上三間知名企業,將親自講授他們是如何透過 AWS 獲得成功,並且在數位轉型上取得領先的地位。

本場研討會,在深入了解該如何提升數據分析的效能的同時,又能兼具成本效益高與安全性;適合對於如何靈活應用大數據、對數據分析有興趣、想要建構數據與分析基本功的所有受眾,例如:公司技術部門決策人、業務決策人、IT 主管及希望深入認識數據分析的任何人士。與會期間參與問答,還有機會抽中百元美食外送平台優惠券。

在 AWS For Data Web Day 中探討雲端數據資料庫的優勢與做法,包括:

  1. 20 萬多個資料湖在 AWS 上執行
  2. 使用 Amazon EMR 比標準 Apache Spark 快 3 倍
  3. 比其他雲端資料倉儲更實惠的價格效能達 3 倍
  4. 使用 Amazon OpenSearch Service 在單個叢集中儲存的資料量可達 3PB
  5. 節省 70% 資料湖中資料的儲存成本

AWS For Data Web Day 報名須知

  • 日期:2022 年 5 月 25 日(星期三)
  • 時間:2:00 PM~5:00 PM
  • 形式:線上研討會

建議在活動前免費註冊 AWS 帳號  ,新註冊戶可兌換精美好禮三合一數據線。若為首次參加線上研討會者,GoToWebinar 會自動偵測電腦配置,可在加入時自動安裝;若是使用手機登入此活動,則需安裝 GoToWebinar 手機應用程式。