實戰(zhàn)：產(chǎn)品和設計看互聯(lián)網(wǎng)色彩心理學

實戰(zhàn)：產(chǎn)品和設計看互聯(lián)網(wǎng)色彩心理學

摘要：為什么Facebook是藍色的——從最初到最新的版本，幾經(jīng)設計更迭，始終不變的主色調(diào)都是藍色?答案其實很簡單，根據(jù)《紐約客》的一次采訪，F(xiàn)acebook的創(chuàng)始人馬克·扎克伯格其實是一個紅綠色盲，他只能分辨出藍色：“藍色對我來說是色彩最豐富的顏色?！?Facebook最初始的設計界面，那時候它還叫做。當時，想要在上面開個賬戶必須有一個以.edu(哈佛大學)結(jié)尾的郵箱才行。無心插柳也好，有意栽培也好，色彩往往能夠體現(xiàn)互聯(lián)網(wǎng)品牌的創(chuàng)始人的審美和喜好，而設計師對于色彩的挑選和取舍，也是完成作品中的必備環(huán)節(jié)。Youtube設計師MarcHemeon就曾收集了18組流行網(wǎng)站或產(chǎn)品的按鈕設計色彩，用來評估和調(diào)研色彩對于用戶心理的影響：對應網(wǎng)站或產(chǎn)品的謎底如下：1、Google2、Twitter3、Facebook4、Microsoft5、Pinterest6、Yahoo7、Instagram8、Flickr9、Spotify10、Rdio11、Svbtle12、Medium13、Basecamp14、Square15、Amazon16、Quora17、LinkedIn18、Path大部分網(wǎng)站或產(chǎn)品的按鈕色彩都不會超過3種，指向“動作”的按鈕應當統(tǒng)一為同一種顏色，比如Google的“搜索”按鈕是藍色，而Twitter的“注冊”按鈕則是明亮的黃色。社交分享工具Buffer的聯(lián)合創(chuàng)始人LeoWidrich在博客上補充了關(guān)于色彩的一些觀點，摘錄部分內(nèi)容如下：色彩能夠幫助品牌極為簡易的建立用戶認知：灰色：象征冷靜、中立;(蘋果、維基百科、紐約時報……)綠色：象征健康、生命;(BP石油、食品超市wholefoods、星巴克……)藍色：象征可靠、力量;(戴爾、大眾汽車、IBM……)紫色：象征智慧、想象;(雅虎、T-Mobile、科幻主題電視臺Syfy……)紅色：象征血氣、年輕;(可口可樂、樂高、肯德基……)橙色：象征歡樂、信任;(芬達、亞馬遜、火狐……)黃色：象征溫暖、透明;(百思買、法拉利、麥當勞……)站在消費者角度，色彩也能夠在理解和決策階段起到一定的影響作用：黃色：吸引注意力的購物窗口;紅色：刺激心血的緊迫感，常出現(xiàn)在清倉場景;藍色：多用于銀行和商業(yè)機構(gòu)里，強調(diào)安全;綠色：讓人聯(lián)想到富裕和輕松，緩解壓力;(支付寶的信用卡還款按鈕選擇了綠色作為主色調(diào)，能夠理解原因了吧)橙色：呼叫意味濃厚，用于創(chuàng)建下訂、購買、出售的行動;粉色：服務于女性和年輕女孩的浪漫色調(diào);黑色：奢侈品的最佳匹配;紫色：給人舒緩&平靜的感受，常被美容及抗衰老產(chǎn)品使用;男性和女性對于色彩的喜好度有所偏差：企業(yè)分析服務公司KISSmetrics的調(diào)查報告顯示(這份報告主要用于建議App產(chǎn)品的創(chuàng)業(yè)者在產(chǎn)品設計上的策略)——女性喜愛的色彩：藍色、紫色和綠色;女性討厭的色彩：橙色、棕色和灰色;男性喜愛的色彩：藍色、綠色和黑色;男性討厭的色彩：褐色、橙色和紫色;色彩能夠決定轉(zhuǎn)化率的差距：美國數(shù)字營銷公司Hubspot曾經(jīng)做過一場A/BTesting，用于測試不同顏色對于用戶點擊轉(zhuǎn)化造成的差異——左右兩個測試顏面在內(nèi)容上完全一直，唯一不同的是按鈕的顏色，在超過2000人次的樣本測試中，最終紅色方案的點擊率超過綠色方案的點擊率足足21%。而在測試之前，大部分的研究員都猜測綠色方案會獲得更高的點擊，因為就直覺而言，綠色代