品牌設(shè)計
Hi,are you ready?

準(zhǔn)備好開始了嗎?
那就與我們?nèi)〉寐?lián)系吧

有一個品牌項目想和我們談?wù)剢?您可以填寫右邊的表格,讓我們了解您的項目需求,這是一個良好的開始,我們將會盡快與你取得聯(lián)系。當(dāng)然也歡迎您給我們寫信或是打電話,讓我們聽到你的聲音!

PID派點互動

地 址:廣州市天河區(qū)金慧路88號11棟138單元(華南農(nóng)業(yè)大學(xué)內(nèi))

電 話:+020- 3855 0205 3855 0745

傳 真:+020-3855 0745

E-mail:925774558@qq.com

填寫您的項目信息

captcha

互聯(lián)網(wǎng)的色彩心理學(xué)

標(biāo)簽:派點互動|網(wǎng)站策劃|廣州網(wǎng)站策劃|網(wǎng)站色彩心理學(xué)

為什么Facebook是藍(lán)色的——從最初到最新的版本,幾經(jīng)設(shè)計更迭,始終不變的主色調(diào)都是藍(lán)色?

答案其實很簡單,根據(jù)《紐約客》的一次采訪,F(xiàn)acebook的創(chuàng)始人馬克·扎克伯格其實是一個紅綠色盲,他只能分辨出藍(lán)色:“藍(lán)色對我來說是色彩最豐富的顏色?!?/p>

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

無心插柳也好,有意栽培也好,色彩往往能夠體現(xiàn)互聯(lián)網(wǎng)品牌的創(chuàng)始人的審美和喜好,而設(shè)計師對于色彩的挑選和取舍,也是完成作品中的必備環(huán)節(jié)。

Youtube設(shè)計師Marc Hemeon就曾收集了18組流行網(wǎng)站或產(chǎn)品的按鈕設(shè)計色彩,用來評估和調(diào)研色彩對于用戶心理的影響:

派點互動|網(wǎng)站策劃|廣州網(wǎng)站策劃|網(wǎng)站色彩心理學(xué)

0.jpg

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

無心插柳也好,有意栽培也好,色彩往往能夠體現(xiàn)互聯(lián)網(wǎng)品牌的創(chuàng)始人的審美和喜好,而設(shè)計師對于色彩的挑選和取舍,也是完成作品中的必備環(huán)節(jié)。

Youtube設(shè)計師Marc Hemeon就曾收集了18組流行網(wǎng)站或產(chǎn)品的按鈕設(shè)計色彩,用來評估和調(diào)研色彩對于用戶心理的影響:

1.jpg

對應(yīng)網(wǎng)站或產(chǎn)品的謎底如下:

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

大部分網(wǎng)站或產(chǎn)品的按鈕色彩都不會超過3種,指向“動作”的按鈕應(yīng)當(dāng)統(tǒng)一為同一種顏色,比如Google的“搜索”按鈕是藍(lán)色,而Twitter的“注冊”按鈕則是明亮的黃色。

社交分享工具Buffer的聯(lián)合創(chuàng)始人Leo Widrich在博客上補(bǔ)充了關(guān)于色彩的一些觀點,摘錄部分內(nèi)容如下。

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

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

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

藍(lán)色:象征可靠、力量;(戴爾、大眾汽車、IBM……)

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

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

橙色:象征歡樂、信任;(芬達(dá)、亞馬遜、火狐……)

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

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

1-1.jpg

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

紅色:刺激心血的緊迫感,常出現(xiàn)在清倉場景;

藍(lán)色:多用于銀行和商業(yè)機(jī)構(gòu)里,強(qiáng)調(diào)安全;

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

橙色:呼叫意味濃厚,用于創(chuàng)建下訂、購買、出售的行動;

粉色:服務(wù)于女性和年輕女孩的浪漫色調(diào);

黑色:奢侈品的最佳匹配;

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

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

企業(yè)分析服務(wù)公司KISSmetrics的調(diào)查報告顯示(這份報告主要用于建議App產(chǎn)品的創(chuàng)業(yè)者在產(chǎn)品設(shè)計上的策略)——

女性喜愛的色彩:藍(lán)色、紫色和綠色;

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

1-2.jpg

男性喜愛的色彩:藍(lán)色、綠色和黑色;

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

色彩能夠決定轉(zhuǎn)化率的差距:

美國數(shù)字營銷公司Hubspot曾經(jīng)做過一場A/B Testing,用于測試不同顏色對于用戶點擊轉(zhuǎn)化造成的差異——

1-3.jpg

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

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

最后,為什么Html語言里超鏈接的默認(rèn)顏色是藍(lán)色的?

因為藍(lán)色是從灰色底色中脫穎而出的最佳色調(diào)。

2.jpg

這個決定是由Tim Berners-Lee——萬維網(wǎng)的發(fā)明者做出的。在他那個年代,互聯(lián)網(wǎng)的第一代瀏覽器Mosaic顯示的網(wǎng)頁底色通常都是灰底黑字,為了讓超文本鏈接能夠更方便識別,Tim Berners-Lee將超鏈接定義為藍(lán)色并帶有下劃線的文字。

返回列表
在線溝通

Are you interested in ?

感興趣嗎?

有關(guān)我們服務(wù)的更多信息,請聯(lián)系

135 7039 2915 李先生

與我們合作

與派點合作,您將會得到更成熟的網(wǎng)站建設(shè)服務(wù)。我們以客戶至上,同時也相互挑戰(zhàn),力求呈現(xiàn)最好的網(wǎng)站建設(shè)成果。

品牌顧問熱線(李生):

+135 7039 2915

TOP

QQ客服

免費電話