美文网首页
UI设计中的蓝色运用

UI设计中的蓝色运用

作者: 不二先僧 | 来源:发表于2019-08-12 10:33 被阅读0次

蓝色是UI设计中最重要的颜色,也是使用范围最广、最常用的色彩。在你的手机当中,许多APP都采用了蓝色的LOGO,而它们的UI也大多也将蓝色作为主色调,Facebook、Twitter、Shazam、Safari、支付宝、知乎、Behance均是如此。

那么为什么大家都会不约而同地选择蓝色呢?

原因很多,但是最主要的,还是下面的几个。

1、绝大多的用户喜欢这个颜色。有调研指出,绝大多数的人都喜欢蓝色,蓝色被认为是全球范围内最安全的设计用色。

2、蓝色与自然相关。清朗的天空和纯净的水,在多数时候都呈现出漂亮的蓝色,它们代表着好天气和健康的水源,这种对自然的亲近深藏在人类的基因当中,外化表现为对蓝色的喜好。

蓝是海洋和天空的色彩,是自然的色彩。

3、蓝色还是UI设计师的通用色彩。从UI设计师的角度上来看,这是一种泛用且实用的色彩。常见的色彩当中,红色、橙色、绿色对于用户都有这强烈的情感影响,其中黄色常用作警告,红色能够唤醒用户的激情,也能够昭示危险,而绿色常常关乎健康、安全,相比于它们,蓝色的泛用性明显更强。

4、蓝色所传递的情感相对更加抽象,它还能传递出“创新”和“科技”的感觉。所以,当公司采用蓝色LOGO的时候,常常会让人想到技术和创新。

5、蓝色会让人有安全感,因此许多旅游相关的APP和网站会乐于采用蓝色的UI设计。它隐隐传达出可靠、信任的感觉,对于旅行类的应用和网站,无疑是不错的选择。

Delta airlines

6、蓝色让产品看起来更加值得信赖。更准确地说,它会让用户更倾向于觉得“这是我要的产品”,当这种感觉和品牌本身的运作和特质结合起来的时候,就能够形成让人信任的品牌性格了。戴尔、IBM、英特尔、AT&T、和

PayPal 都是利用技术来营造品牌的信任感,进而创造出让人日复一日值得信赖的产品。

蓝色令人沉静,能让人感觉平衡和智慧。许多金融类服务企业也因此选择蓝色作为品牌色。

7、蓝色对于色盲也足够友好。占比最大的红绿色盲群体都能够清晰地分辨出蓝色。

色盲用户眼中的色彩效果

蓝色是Facebook 的主要色调,因为扎克伯格就是色盲,正如他所说:“于我而言蓝色是我最容易分辨的色彩,所有的蓝色我都能掌控。”

结语

在读完这篇文章之后,千万不要轻率地将你的网站品牌用色改为蓝色,因为泛用并不意味着它适宜所有的地方,而泛用也并不意味着“最好”。

蓝色依然是一种安全的色彩,当你的产品或者网站契合蓝色的气质的时候,不妨选择它,但是始终记住一点:选择适合自己的产品的色彩,才是正确的选择。

相关文章

  • UI设计中的蓝色运用

    蓝色是UI设计中最重要的颜色,也是使用范围最广、最常用的色彩。在你的手机当中,许多APP都采用了蓝色的LOGO,而...

  • UI设计中插画的运用

    在现代平面设计中,插画是颇为常用的展示性元素,是视觉传达的重要工具。插画在设计作品中,常常用来引导、启发和呈现信息...

  • Android实训一:倒计时

    要点概述: 一,基本UI设计二,掌握点击事件的编写(运用接口)三,计时器的运用 UI设计: 其中

  • 【2017.3.7】UI设计中的颜色运用

    颜色与其它东西一样,适量才会运用得当。如果在你的配色计划中坚持使用马克斯三原色的话,你会得到更好的配色结果。为一个...

  • UI设计准则在游戏设计中的运用

    这次我拜读了一本《认知与设计:理解UI设计准则》的书。 以下文章就是以我对这本书中的知识转化成在游戏设计中的运用,...

  • 2020-06-10

    暮羽鑫:UI设计需要用到什么软件? 学习UI设计的过程中,我们会运用到很多的工具软件,通过这些工具软件就能达到我们...

  • 设计师必修课:小小的日期排版有大大学问,10种日期排版盘点

    版式设计在我们的设计中是非常重要的技能,无论是UI设计还是平面设计,都会运用到版式设计相关的知识,在版式设计中最常...

  • 现在学UI设计很贵?需要花多少钱?

    现在学UI设计很贵?需要花多少钱? 上一年,UI设计的发展趋势,有关注的人,都有目共睹,UI设计被运用于越来越多的...

  • 关于日期怎么排版?我总结了10套排版案例

    写在前面 版式设计在我们的设计中是非常重要的技能,无论是UI设计还是平面设计,都会运用到版式设计相关的知识,在版式...

  • UI设计中的极简主义运用

    设计是用户体验中最重要的驱动力之一。 由于用户更倾向于简洁的界面,因此成功的关键是把UI简化到只有最基本最必要的元...

网友评论

      本文标题:UI设计中的蓝色运用

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