1

网站建设页面配色方法:网页色彩心理学

发布时间:2025-07-12 阅读量:249 来源: 深圳专业的网站建设公司

网页色彩心理学是什么?为何Facebook是蓝色的——从刚开始到最新的版本,几经设计更迭,一直不变的主色调都是蓝色?答案其实非常简单,依据《纽约客》的一次采访,Facebook的开创者马克·扎克伯格其实是一个红绿色盲,他只能分辨出蓝色:“蓝色对我来讲是色彩最丰富的颜色。”

Facebook刚开始始的设计界面,那时候它还叫做thefacebook.com。当时,想要在上面开个账户需要有一个以.edu(哈佛大学)结尾的邮箱才行。

无心插柳也好,有意栽培也好,色彩总是可以体现网络品牌的开创者的审美和爱好,而设计师对于色彩的挑选和取舍,也是完成作品中必须具备的环节。

Youtube设计师Marc Hemeon就曾采集了18组时尚网站或商品的按钮设计色彩,用来评估和调查色彩对于用户心理的影响:

对应网站或商品的谜底如下:

1、谷歌

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、问答

17、linkedIn

18、Path

大多数网站或商品的按钮色彩都不会超越3种,指向“动作”的按钮应当统一为同一种颜色,譬如谷歌的“搜索”按钮是蓝色,而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将超链接概念为蓝色并带有下划线的文字。

这类就是关于网站建设页面配色方法,网页色彩心理学,更多请关注博久网络。

网页标题:网站建设页面配色方法:网页色彩心理学网站网址:https://www.cdcxhl.com/news/162350.html

网站制作、网络营销推广公司-博久网络,是专注品牌与成效的网站建设,网络推广营销网站优化公司;服务项目有网站建设等

TAG标签:网站设计  
声明:本文内容和图片部分来自互联网。若本站收录的信息无意侵犯了贵司版权,请给我们来信,我们会及时处理和回复。