颜色知识-为什么 Facebook 是蓝色的?

p2163021757

为什么 Facebook 是蓝色的?因为正如今年戛纳电影节金棕榈奖获奖电影《阿黛尔的生活》的另一个译名《蓝色是最温暖的颜色》吗?扎克伯格也像阿黛尔一样,喜欢上了一个蓝发女孩,然后触发现实扭曲力场,将冷色调的蓝色看成最温暖最舒心的颜色吗?

不是的,颜色背后的玄机可不少,每个颜色都有自己的故事,蓝色的故事尤其多。

很多时候,相比于 Logo 的形状,品牌的配色的地位并不见得低。Google、微软和 eBay 的红黄蓝绿已经成为他们标志性配色。可口可乐的红,百事可乐的蓝也是重要的区分点,足见颜色对于认知和营销有着很大的影响。 Leo Widrich 是 Buffer 的联合创始人,对于消费者习惯有着深刻的研究,FastCompany 刊载了他的一篇文章,讲述颜色的故事。

单凭按钮颜色能认出网站吗?

1 2 3

单看这几个按钮颜色(都有蓝色),相信一些熟悉互联网的人已经猜出答案来了,因为颜色确实影响着我们的认知,在脑海里留下深刻的印象。

上图的答案分别是 Facebook、Google 和 Flickr。这个测试是由 YouTube 设计师 Marc Hemeon 制作的,更多测试请戳这里

颜色与我们的认知

不可否认的是,不管是网站按钮还是品牌 Logo 配色,都有一种情感影响力在里面。

pic8

诸如橙色代表的信心、友好和愉悦的感受,而绿色代表和平、健康和生机的意思,蓝色则给人信赖可靠公正的感觉。

再深究一下,绿色适合的是类似医药、科学、环保、旅游和政府机构的颜色,而蓝色则适合贸易、科技、法律和公共事业,可以看到 Dell、HP、IBM、Facebook、WordPress、Twitter、Vimeo 和 Intel 等科技界的大品牌都是蓝色的。

不仅和品牌形象相挂钩,颜色也影响着我们的消费习惯。分析公司 KISSmetrics 的一张信息图说明了颜色和消费的某种联系。

3009317-inline-pic9

如上图所示,粉红代表浪漫和女性化,最适合小女生是显而易见的。而黑色低调奢华,较常用于奢侈品。黄色活泼醒目,用于橱窗展示最好不过。

颜色与性别

在之前讨论 iPhone 5s 和 5c 颜色购买倾向的文章里,我们发现,iPhone 5s 的深空灰(黑色)最受男士欢迎,而 iPhone 5c 的粉红色最受女士欢迎,这也是基本没有悬念的推测,调查结果也证明如此。

推而广之,颜色和性别肯定也有着息息相关的联系。

同样是  KISSmetrics 的研究,它指示在网站配色的问题上,要和网站主要吸引人群相对应。不同性别对于颜色的偏好与不喜是有异同的。

3009317-inline-pic10 3009317-inline-pic11

这项研究指出,女性最喜欢的三色是蓝紫绿,而男性最喜欢的颜色蓝绿黑,棕色和橙色荣获男女最讨厌三色前两强。事实也确是如此,iPhone 5c 的销售数据中,蓝色和绿色的男女差异较小,为大众颜色。Facebook 选取蓝色看来也不无道理。

历史久远的蓝色

蓝色这么招人喜欢,那么超链接的蓝色是否也是因为如此呢?

根据互联网的主要创造者 Tim Berners-Lee 的解释,在非常早期的 Web 浏览器中,网页显示是灰色背景,黑色文本,那时候也只有暗色调可用,而只有暗色调中的蓝色才能显示与黑色文本和灰色背景的强烈对比,因此蓝色被选中成为超链接的颜色。虽然由于时代的限制,蓝色是不得已才上去的,但是经历了时代的变迁,现今大多数超链接仍是蓝色的,也说明了蓝色在误打误撞中可堪大用。

说到这里,题目当中的问题也可以有个答案了,Facebook 为什么是蓝色的?

根据《纽约客》的报道,因为扎克伯格是红绿色盲,蓝色是他看得最明白的颜色。

题图系《蓝色是最温暖的颜色》海报

文内配图来自:FastCompany



11 评论

  1. yinjiweb   •  

    新年快乐,博客“马上”红火。

    • 天屹   •     作者

      谢谢,祝你新年万事顺利~

  2. Wion   •  

    想请问一下文章标题下如何添加浏览量 谢谢 新年快乐

    • 天屹   •     作者

      安装wp-postviews,然后在inc/meta-top.php 中ul中的最后再加一个li节点,然后再这里li里面加上下面的代码,就ok了。

      < ?php if(function_exists("the_views")) { echo the_views();} ?>

  3. 小帕   •  

    请问biss原生的链接字体为白色,怎么改为其它的颜色,链接的那个色块太难看了,我改成白色,链接就背景都是白色,看不见链接了

  4. Hull   •  

    想請問,如果我不想把這個主題漢化,那怎麼辦?THANKS!

    • 天屹   •     作者

      这个挺不好办了,因为有些地方是改代码汉化的, 如果不用汉化也需要改回来, 挺麻烦的.你可以加一下我qq详谈

  5. 小丑   •  

    说的很有道理。

Wion进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>