美文网首页体验进阶产品设计交互设计与用户体验
为什么界面设计大多喜欢用蓝色?

为什么界面设计大多喜欢用蓝色?

作者: Z_Yuhan | 来源:发表于2017-08-15 10:24 被阅读191次

译自:The Most Important Color In UI Design by Nick Babich

你可能已经猜到,本文要讲的就是蓝色。

毋庸置疑,蓝色是界面设计中最重要的,也是使用最频繁的。扫一眼的手机上的App图标,你发现它们中的大部分都是蓝色的:知乎、支付宝、饿了么、12306……(Z Yuhan:原文是Facebook、Twitter、Shazam、Shazam、Safari,我换成国产的,但是发现国内好像最近蓝色反倒没那么多了)

为什么选择蓝色?

理由很多,我这里罗列一些:

1、人们就是喜欢蓝色。问卷调查显示大部分人把蓝色当做它们最喜欢的颜色。因此蓝色被认为是全球最安全的颜色。

色彩偏好是视觉体验中的重要一环:

2、与大自然的关联。蓝色与净水、晴空等自然景观能够产生强烈的关联,这提高了人们对它的喜好。

3、界面设计的通用颜色。从一个界面设计师的角度来看,蓝色绝对是一个有用的颜色。红色、橙色和绿色通常都是有含义的,例如错误、警示和完成。蓝色相对来说就成为了非常好的选择。

4、科技创新感。这也是很多公司使用这个颜色的原因。

5、安全感。在旅游网站上,蓝色是一种非常通用的色彩,因为它可以表达可以依赖的感觉,这对于旅游来说是件好事。

6、让产品看起来更加可信。很多情况下,说服用户使用我们的产品至关重要。这时,蓝色就可以表现出信赖感。很多像Dell、IBM、Intel、AT&T和支付宝这样的科技公司利用蓝色来传递信誉信息,因为他们的产品是人们每天都要依赖的。

7、色弱。很多种色弱患者(如最常见的红绿色盲)都可以看得到蓝色,这一点上蓝色明显优于诸如绿色和红色等其他颜色(Z Yuhan:幸运的是,色盲虽然在百种男性中的发病率高达10%,在亚洲人里却十分少见)。

普通人看到的颜色 VS 色弱患者看到的颜色:

Facebook用蓝色,因为扎克伯格就是色盲患者,他说:“蓝色对我来说是最丰富的颜色,我可以看到所有种类的颜色。”

结论

我希望读完本文,你能了解为何蓝色在设计师中如此流行。然而这并不意味着你应该把你的方案的主色调改成蓝色。

蓝色也不是最好的万能色,万能色并不存在。

在一个网站或App上行得通的颜色,可能在另一个上就不能用了。最安全的方法还是根据目标用户的喜好来选择。

所以最终,用在你设计上的最佳色彩应该是你的用户所认为的最佳色彩。

——

Z Yuhan:我发现我的手机上橙色比较多,文化差异,还是这几年激烈竞争的变化?

——

未经允许,请勿转载

相关文章

  • 为什么界面设计大多喜欢用蓝色?

    译自:The Most Important Color In UI Design by Nick Babich 你...

  • 为什么设计师都喜欢用蓝色?

    蓝色一直以来都受设计师的青睐,也是使用范围最广、最常用的色彩。例如支付宝、百度、Facebook这样的大企业也都选...

  • 我的世界

    01 想想喜欢蓝色。 为什么喜欢蓝色呢?蓝色是天空的颜色,象征着广博,蓝色又是大海的颜色,象征着深邃……哦,哪有这...

  • 你为什么喜欢蓝色?

    我对蓝色的眷念,全都在这部电影里 我对蓝色的眷念,全都在这部电影里 暑假时,去了澳洲的海豚岛度假。 当我踩在细白如...

  • 为什么科技产品总是喜欢用蓝色光?

    蓝光是指 HEV 光线(High-energy visible light),波长在 400-500nm 的蓝紫色...

  • 医用外科口罩为什么大多为蓝色?

    2020年是不平凡的一年,全世界各国人民都密切关注着一件共同的事情,那就是新冠肺炎疫情情况。口罩更是成了全国人民日...

  • 为什么我们都喜欢蓝色?

    你最爱的颜色是什么? 就算蓝色不是你的最爱,想必你也绝对不会讨厌蓝色。它渗透于我们生活当中,现在你抬起头回顾下自己...

  • 【要有光读书会】 17/60 馨儿《色彩心理学》

    时间:22:00—22:30 页码:全书 摘录:蓝色人性格 喜欢蓝色的人比较感性,喜欢用感性的方式表达内心的...

  • 蓝色

    你问我 天空为什么是蓝色 我说— 那是光的散射 我问你 天空为什么是蓝的 你说— 我喜欢蓝色

  • 为什么大多喜欢横构图

    喜欢美,欣赏美,是人的天性,遇见美景佳人,也会喜欢拍摄下来,一张好的照片是光影的呈现,有着各种各样的构图方法,最基...

网友评论

    本文标题:为什么界面设计大多喜欢用蓝色?

    本文链接:https://www.haomeiwen.com/subject/ncsmrxtx.html