美文网首页
UI设计如何正确使用相似颜色

UI设计如何正确使用相似颜色

作者: 得活到老学到老 | 来源:发表于2020-11-23 18:25 被阅读0次

  出门在外时,请注意一下令人眼花缭乱的颜色:请注意日出是如何绘制红色,橘红色和橙色的天空阴影。或观看孔雀在其动物园中vibrant动的蓝绿色羽毛。对多肉植物进行研究,注意其对蓝色,蓝绿色和绿色色调的出色使用。

  有没有想过为什么这些颜色分组看起来如此和谐?这些景象都是类似颜色方案的自然现象,或者是在色轮上彼此相邻的颜色的方案。因为它们特别引人注目(且易于拿出),所以设计师经常从这些色彩方案中汲取灵感来进行产品设计。

  如何创建类似的配色方案

  在车轮的任何一点上拾取任何颜色,并注意其直接相邻的邻居(在右侧或左侧)。而且,您有:类似的配色方案。这就像从色轮中取出三到五个小的色相片一样。选择类似方案的一种方法是从原色(即红色,黄色或蓝色)开始,然后使用第二色和第三色作为重点。

  采用类似配色方案的SmartHome UI套件一个nalogous颜色的例子

  颜色相似意味着颜色分组具有相似性。这些颜色方案类型彼此之间有着密切的关系。

  以下是一些类似配色方案的示例:

  黄色,黄绿色,绿色

  紫,红紫和红

  红色,橘红色,橙色

  蓝色,蓝紫色,紫色

  类似的配色方案的一个著名例子是Dropbox最近的重新设计。他们的方案使用了粉色,紫色和蓝色的阴影。

  Dropbox使用大胆的颜色,感觉它们不应该一起工作,但可以!一个nalogous颜色调色板

  在最传统的意义上,类似的调色板是三种颜色。但是它最多可以增加四到五种颜色。设计人员可以依靠类似的调色板为设计提供温度。具有四种颜色的暖色类似调色板将由红色,红橙色,橙色和黄橙色组成。凉爽的调色板将包括蓝色,蓝绿色,绿色和黄绿色。

  类似调色板中的Velocity UI套件是否想查看类似的调色板在测试UI中的外观?尝试使用Muzli的颜色工具。

  甲nalogous颜色在本领域

  您不仅可以发现自然界中类似的配色方案,还可以发现著名艺术家的作品,这些艺术家转向宁静的户外环境作为灵感。UI设计渐变色也很流行。

  例如,文森特·梵高(Vincent Van

Gogh)在他的“花瓶中的鸢尾花”画中使用了酷似的绿色,蓝绿色,蓝色和蓝色紫色的配色方案。以色彩技巧而闻名,他的油画《橄榄树》(The Olive

Trees)中也可以采用酷炫的类似配色方案。对于另一个类似颜色的案例研究,请看克劳德·莫奈(Claude Monet)的《睡莲池塘》(The

Water-Lily Pond)绘画。

  单色色

  相似的配色方案使用彼此相似的颜色,因此外观略显单色。但是,单色方案依赖于具有不同阴影,色调和色彩的基色来创建视觉上具有凝聚力的外观。设计人员在想要创建简单,整洁的美学效果时经常使用单色调色板,这也许是因为页面上信息量很大,而更多的颜色会使页面看起来很忙。

  类似颜色的考虑

  在决定类似的配色方案时,考虑可访问性总是很重要的。例如,某些 类似的调色板可能不属于色盲或色觉不足(CVD)的调色板。

  UI色彩心理学,“不仅要依靠色彩来完成工作,” InVision的高级品牌设计师Luis

Gonzalez说。“您可能会留下很大一部分用户,但这并不是良好的用户体验。这篇文章的内容你学到了吗,更多资讯请持续关注~

相关文章

  • UI设计如何正确使用相似颜色

    出门在外时,请注意一下令人眼花缭乱的颜色:请注意日出是如何绘制红色,橘红色和橙色的天空阴影。或观看孔雀在其动物园中...

  • 如何在UI设计中使用颜色

    颜色就像其他所有东西一样,最好是适度的去使用它。如果你在配色方案中坚持使用最多三种原色,你将会获得更好的效果。在设...

  • Sketch 基础学习(2)

    了解了关于颜色的基本概念之后,这一节我们来看如何在App的布局设计中使用颜色。通常,在一个UI中,我们应该使用两类...

  • UI设计中的负空间概念是什么

    正确使用UI设计中的负空间[https://www.aaa-cg.com.cn/ui/2819.html],能为你...

  • 配色|如何在UI设计中使用颜色

    ​颜色和其他东西一样,最好适度使用。如果你在配色方案中坚持最多使用三种色彩,你会得到更好的效果。在设计项目中应用颜...

  • iOS 十六进制颜色

    开发时,使用颜色的时候都是用的RGB颜色,但是UI设计师提供的颜色值一般都是十六进制的,转换起来非常麻烦。我对UI...

  • UI设计零基础如何自学,关于培训班该如何选择?

    UI设计零基础如何自学,关于培训班该如何选择?UI设计零基础如何自学UI设计零基础如何自学UI设计零基础如何自学U...

  • Vue elementUI select下拉框禁用时修改plac

    最近做项目碰到UI设计需求select下拉框禁用时placeholder字体颜色需要是黑色,由于楼主所使用的UI框...

  • UI设计的学习步骤有哪些?

    UI设计的学习步骤有哪些? 一、Ui设计的学习步骤-UI设计争取基础软件篇 从事UI设计这个行业业,一定得有个正确...

  • 设计师与开发工程师的配合

    ui设计师如何让开发心服口服 笔者在初期做ui设计过程中,经常被开发找,有时候是设计稿颜色、字体不统一,交互方式不...

网友评论

      本文标题:UI设计如何正确使用相似颜色

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