互联网的色彩心理学

标签: 互联网 设计 色彩 | 发表时间:2013-05-08 10:37 | 作者:刘志成
出处:http://blog.jobbole.com

互联网的色彩心理学

译/阑夕

为什么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将超链接定义为蓝色并带有下划线的文字。

相关文章

互联网的色彩心理学,首发于 博客 - 伯乐在线

相关 [互联网 色彩 心理学] 推荐:

互联网的色彩心理学

- - 博客 - 伯乐在线
为什么Facebook是蓝色的——从最初到最新的版本,几经设计更迭,始终不变的主色调都是蓝色. 答案其实很简单,根据《纽约客》的一次采访,Facebook的创始人马克·扎克伯格其实是一个红绿色盲,他只能分辨出蓝色:“蓝色对我来说是色彩最丰富的颜色. * Facebook最初始的设计界面,那时候它还叫做thefacebook.com.

配色方案及色彩心理学

- - 优设(UISDC)
一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色. 红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色. 1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安. 2、在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和. 3、在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实.

网页设计中的色彩心理学

- - 外刊IT评论
作者 Jeremy Smith 是位顾问,曾帮多家公司做出适当转型,让其营利上升,来看看他有些什么秘诀. 色彩影响人类心情与思考这件事情是真的,当眼睛看到某种颜色时,会将此讯息传回大脑的下视丘,经由一系列的神经传达,刺激甲状腺分泌贺尔蒙,进而造成情绪、情感或是实际反应. 经由线上网站 QuickSprout 的研究显示,颜色可以影响 90% 的产品评价;数位行销专家 Neil Patel 指出,85% 购买产品的原因是出自于颜色,而色彩对于网路上各式各样的网站设计当然也具有一定影响.

KPI心理学

- winners - 蔡學鏞【言程序】部落格
阿里巴巴集团大部分的员工,每季或每半年都要接受一次的KPI考核,看看他绩效如何. 关于用KPI来打考核,许多员工其实都有一些负面的看法,而管理层也知道采用KPI有时候会有负面效果,但是没有更好的方法之前,我们还是仰赖KPI. 我已经到阿里巴巴的支付宝上班一年多了,对于KPI,我有四阶段的心理变化,值得描述一下.

移动互联网=移动+互联网?

- 可可 - It Talks-魏武挥的blog
从名词上看,移动互联网似乎就是互联网加上一个移动. 但移动互联网远不是“移动的互联网”那么简单. 它的本质——网络部分,就和互联网大不相同;而它的表现——移动部分,也正因为移动,造就了很多和互联网相当不一样的商业机会. 而更重要也是很多人并没有注意到的是,它可能会改变整整一代人的信息处理习惯. 从网络部分而言,我们都知道,理论上互联网是没有拥有者的.

色彩节

- emilo - 创意悠悠花园
太阳闪耀着,空气中都是爱的气息. 人们冬天的阴霾中走出来,到大街上庆祝春天的来临. 印度教文化中有这样庆祝春天来临的习俗,这个节日也被称为色彩节、洒红节,看了下面的照片你就会明白这名字的由来了. 1.人们在身上涂满了油彩,按照本地传统的方式庆祝胡里节(也被称为色彩节、洒红节),照片拍摄地是印度北部马图拉附近的一个叫做Nandgon的村庄(2010年2月24日).

怪诞心理学

- Frank - 左岸读书_blog
因为正在看这本书,分享王小峰的这篇书评. 原文:http://www.wangxiaofeng.net/?p=7282. 这本《怪诞心理学》最大的价值是揭开了生活中我们经常出现但却从不当回事的行为的秘密. 每 个人生活中都有一些怪异行为,比如有人相信星座,有人喜欢车牌尾号是6、8,有人不喜欢星期五出门办事,有人想把一个姑娘泡上床但总是不能得逞,有人很幸 运有人很倒霉,有人相信异灵现象,有人听了笑话不觉得好笑(比如土摩托)、有人撒谎的时候其实你看不出来……诸如此类.

重新索引互联网

- keso - 爱范儿 · Beats of Bits
重新索引互联网 Facebook 雇佣公关抹黑 Google 的过程已经水落石出. 问题是: Google 那么多产品, Facebook 为何对 Social Circle 这么敏感. Google 号称自己的使命是“索引互联网”. 这件事的难点并非派出多少爬虫,而是对收集来的海量内容做排序:怎样让真正重要的网页,的排到 Google 搜索结果的前面来.

中美互联网差异

- leeking001 - 互联网的那点事
在互联网以指数的速度发展的今天,人们的生活已经离不开网络,那么,这两个打过在互联网方面有什 么差异呢. 我们从下面一系列与互联网相关的参数来比较两个国家,比如:互联网用户数量,互联网普及率,互联网连接的速度,域名数量,受欢迎的网站,网页浏 览器,操作系统等等. 十年前,美国是世界上的互联网头号大国,而现在很明显已经不是,取而代之的是中国.