產品和設計看過來:網際網路的色彩心理學
為什麼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……)
紅色:象徵血氣、年輕;(可口可樂、樂高、肯德基……)
橙色:象徵歡樂、信任;(芬達、亞馬遜、火狐……)
黃色:象徵溫暖、透明;(百思買、法拉利、麥當勞……)
站在消費者角度,色彩也能夠在理解和決策階段起到一定的影響作用:
黃色:吸引注意力的購物視窗;
紅色:刺激心血的緊迫感,常出現在清倉場景;
藍色:多用於銀行和商業機構裡,強調安全;
綠色:讓人聯想到富裕和輕鬆,緩解壓力;(支付寶的信用卡還款按鈕選擇了綠色作為主色調,能夠理解原因了吧)
橙色:呼叫意味濃厚,用於建立下訂、購買、出售的行動;
粉色:服務於女性和年輕女孩的浪漫色調;
黑色:奢侈品的最佳匹配;
紫色:給人舒緩&平靜的感受,常被美容及抗衰老產品使用;
男性和女性對於色彩的喜好度有所偏差:
企業分析服務公司KISSmetrics的調查報告顯示(這份報告主要用於建議App產品的創業者在產品設計上的策略)——
女性喜愛的色彩:藍色、紫色和綠色;
女性討厭的色彩:橙色、棕色和灰色;
男性喜愛的色彩:藍色、綠色和黑色;
男性討厭的色彩:褐色、橙色和紫色;
色彩能夠決定轉化率的差距:
美國數字營銷公司Hubspot曾經做過一場A/B Testing,用於測試不同顏色對於使用者點選轉化造成的差異——
左右兩個測試顏面在內容上完全一直,唯一不同的是按鈕的顏色,在超過2000人次的樣本測試中,最終紅色方案的點選率超過綠色方案的點選率足足21%。
而在測試之前,大部分的研究員都猜測綠色方案會獲得更高的點選,因為就直覺而言,綠色代表著通行、准許通過的意思,而紅色則更傾向於警告、阻止意味。
最後,為什麼Html語言裡超連結的預設顏色是藍色的?
因為藍色是從灰色底色中脫穎而出的最佳色調。
這個決定是由Tim Berners-Lee——全球資訊網的發明者做出的。在他那個年代,網際網路的第一代瀏覽器Mosaic顯示的網頁底色通常都是灰底黑字,為了讓超文字連結能夠更方便識別,Tim Berners-Lee將超連結定義為藍色並帶有下劃線的文字。
相關文章
- 網頁設計中的色彩心理學網頁
- 從遊戲設計機制以及玩家心理特徵談網際網路產品設計理念遊戲設計特徵
- 如何設計出“有趣”的網際網路產品?
- 色彩心理學對網頁設計的影響力網頁
- 為網際網路原住民設計產品的思考
- 移動網際網路產品設計原則
- 以網際網路產品為核心的服務設計
- 如果香奈兒是網際網路產品設計師
- 色彩心理學對網頁設計有多大影響力?網頁
- 網站產品頁設計中隱藏的心理學冷知識網站
- 產品設計背後的心理學思考
- 移動網際網路產品設計的核心要素有哪些?
- 所謂網際網路產品
- 網際網路專案從產品設計到上線的過程是怎麼樣的?
- 董釋德 :從動車事故看網際網路的產品開發和管理
- 又見賈伯斯-網際網路產品設計關鍵點
- 網際網路存款產品為何被禁:如何正確看待網際網路理財產品
- 產品觀察家:社交網路的邏輯、產品和未來
- “舌尖上”的網際網路產品經理
- 做網際網路產品的節奏感
- 社交網路的邏輯、產品和未來
- 網際網路產品之運營管理
- 網際網路產品——屌絲經濟
- 網際網路產品——沒有個性
- 如何挖掘網際網路產品的真實需求
- 如何完成網際網路產品的早期增長
- 網際網路彩票產品分析(沉靜兩年的網際網路彩票開始迎來屬於它的春天)
- 結網:改變世界的網際網路產品經理
- 色彩心理學:設計師的選色指南—資訊圖
- [資訊圖]色彩心理學:設計師的選色指南
- 色彩心理學:設計師的選色指南–資訊圖
- 網際網路產品開發流程總結
- 從遊戲中學習產品設計02:消費篇(來源於網路)遊戲
- 網際網路產品 從設計到運營 這中間提高需要關注的網站網站
- CNNIC:網際網路理財產品的發展方向CNN
- 對做“網際網路產品”的一些想法
- 網際網路產品的一般商業模式模式
- 移動網際網路產品經理的素養