文章详情

如何在UI设计中使用类似颜色

2020-11-26

点击量:

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

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

  如何创建类似的配色方案
 

如何在UI设计中使用类似颜色
 

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

  采用类似配色方案的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说。“您可能会留下很大一部分用户,但这并不是良好的用户体验。这篇文章的内容你学到了吗,更多资讯请持续关注AAA教育~

长按识别二维码,加关注
↓ ↓ ↓ 继续阅读与本文标签相同的文章
UI设计类似颜色
UI设计