- 5
- 0
- 约1.9千字
- 约 8页
- 2017-08-27 发布于安徽
- 举报
网站设计中的颜色心理学——互联网的
色彩心理学
。当时,想要在上面开个账户必须有一个以.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 将超链接定义为蓝色并带有下
划线的文字。
文章来源于:/article-22512-1.html
您可能关注的文档
- 平面设计工程师试卷笔试A.doc
- 普遍管辖权特征及本土化思考_高铭暄.pdf
- 期货投资分析真题解析(详细解答版).ppt
- 旗正规则库管理系统.ppt
- 企业管理人员四个能力培训.ppt
- 企业集群化成长障碍调查_以浙江省为例.pdf
- 企业视觉识别开发——应用系统设计.doc
- 企业文档管理现代化.doc
- 前台对客服务流程关注点参考(完整版).doc
- 浅谈xxx酒店更新改造经营策略.pdf
- 2025-2026学年天津市和平区高三(上)期末数学试卷(含解析).pdf
- 2025-2026学年云南省楚雄州高三(上)期末数学试卷(含答案).pdf
- 2025-2026学年甘肃省天水市张家川实验中学高三(上)期末数学试卷(含答案).docx
- 2025-2026学年福建省厦门市松柏中学高二(上)期末数学试卷(含答案).docx
- 2025-2026学年广西钦州市高一(上)期末物理试卷(含答案).docx
- 2025-2026学年河北省邯郸市临漳县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省石家庄二十三中七年级(上)期末历史试卷(含答案).docx
- 2025-2026学年海南省五指山市九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省唐山市玉田县九年级(上)期末化学试卷(含答案).docx
- 2025-2026学年河北省邢台市市区九年级(上)期末化学试卷(含答案).docx
最近下载
- 2024浙江嘉兴市众业供电服务有限公司招聘笔试备考试题及答案解析.docx VIP
- Razer雷蛇灵刃15标准版-GTX1660 Ti(RZ09-03009)中文手册.pdf
- ISO90012015标准.ppt VIP
- 2025届湖南新高考教学教研联盟高三第二次联考数学试卷及参考答案.pdf VIP
- 辐射防护手册 第1分册 辐射源与屏蔽_李德平,潘自强主编_北京:原子能出版社_1987.08_10263208_P480.pdf
- 机器人行走机构及控制系统设计和实现计算机专业.pdf VIP
- 建筑装饰装修-分部工程质量验收记录表.doc VIP
- 2024年黑龙江省大庆市中考数学试题(原卷版).pdf
- 2025嘉兴市众业供电服务有限公司招聘74人笔试备考试题及答案解析.docx VIP
- (高清版)DB34∕T 4706-2024 手术智慧医疗系统建设规范.docx VIP
原创力文档

文档评论(0)