正确的提示信息
扫码打开虎嗅APP
从思考到创造
打开APP
资讯
视频
车与出行
年轻一代
十亿消费者
前沿科技
财经
娱乐淘金
医疗健康
文化教育
出海
金融地产
企业服务
创业维艰
社交通讯
全球热点
生活腔调
榜单
虎嗅视界
24小时
活动
妙投APP
虎嗅智库
登录
极速注册
取消
搜索历史
删除
完成
全部删除
数码
互联网
数码
互联网
热搜词
新能源汽车
AI
周鸿祎
师生关系
性侵
广告
抖音
出境游
县城
账号或密码错误
2013-05-04 10:36
产品和设计看过来:互联网的色彩心理学
阑夕
为什么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将超链接定义为蓝色并带有下划线的文字。
译/阑夕 作者
博客
本内容为作者独立观点,不代表虎嗅立场。未经允许不得转载,授权事宜请联系 hezuo@huxiu.com
如对本稿件有异议或投诉,请联系tougao@huxiu.com
打开虎嗅APP,查看全文
频道:
生活腔调
支持一下
赞赏
0人已赞赏
分享至:
3
大 家 都 在 看
十五家在移动设计领域名列前茅的公司
虎嗅
08:13
#AI有多智能
AI修复技术如何还原历史?
光锥智能
人机界面设计的黄金时代,即将到来
虎嗅
互联网产品中,那些厚黑又细腻的人性社交设计
首席发言者
红蓝绿:NS、PS和Xbox的颜色之谜
游戏时光VGtime
颜色也要收费,Pantone惹怒了全球设计师
爱范儿
Mac视觉史:浴“水”重生的苹果设计美学
科洛弗道11号©
GPT-4更强的标志,原来藏在了logo里
AppSo
iOS黑暗模式的“黑历史”
爱范儿
用对颜色,让数据可视化更精确
原理
15000种色彩收费后,设计师们怎么样了?
新周刊
12:03
#广告够新潮
王老吉加多宝优衣库耐克,颜色营销大乱斗
IC实验室
06:55
#内幕大揭秘
深扒顶级品牌logo,背后全是小心机
电动Emma
08:05
#AI有多智能
AI画图工具Midjourney又升级:这次轮到摄影师恐惧了?
酷玩实验室coollabs
12:06
#数码最前线
初代一加当年,它真的不将就
六分超超
13:40
#盘一盘APP
微软对ChatGPT的执念,藏在28年前被评垃圾的软件里
六分超超
05:51
#数码最前线
我从这次OriginOS Ocean,帮你“捞”了点干货出来
趣评测
12:35
灵动岛就是个弟弟,这些软件设计才是苹果的巅峰
六分超超
05:35
用AI设计出来的手表,长啥样?
知未科技
06:51
#AI有多智能
画作拿下绘画比赛冠军,画师们急了,AI赢麻了?
知未科技
大 家 都 在 搜
新能源汽车
AI
周鸿祎
师生关系
性侵
广告
抖音
出境游
县城
APP内打开
好的内容,值得赞赏
您的赞赏金额会直接进入作者的虎嗅账号
自定义
支付:
元
匿名赞赏
支付