关于UI界面设计中如何运用色彩的十大原则

设计营销   2022-03-16

今天与大家分享的是关于UI界面设计中如何运用色彩的十大原则,色彩的运用非常关键也非常难,好的配色可以使UI界面传达出品牌价值并给人带去很好的感官享受。

一、颜色术语

颜色术语构成了我们颜色知识的基础。账务并将色相、色调、阴影、饱和度、色阶、等颜色术语视为我们可以用来进行设计的调色板。

二、色彩层次
当一个元素的外观与其周围环境形成对比时,表明该元素具有更高的重要性。我们可以使用颜色和颜色权重在界面中建立层次结构。通过使用色调,我们可以为元素分配不同级别的重要性。如果一个元素比另一个更重要,它应该具有更高的视觉权重。这使用户很容易快速浏览页面并区分重要和不太重要的信息。更突出、更大胆的信息是用户的眼睛首先会被吸引到的内容,然后他们会转到其下方的支持信息。

三、色彩表现力
在令人难忘的时刻展示品牌色彩,强化您品牌的独特风格。想想你的品牌颜色,比如一盘鳄梨吐司上的盐和胡椒。太多的盐,它压倒了天然的味道,太少了,它是平淡的。在为界面添加颜色以强化您的品牌时,请仔细考虑添加的时间和地点。

四、包容性
你在产品的色彩运用上需要有包容性,包容各类可能访问你产品的人群,不能因为色盲无法识别某色彩就丧失了对该产品的体验感,这是不对的。

五、色彩赋予的意义
颜色唤起不同的感觉或情绪,因此通过了解颜色的心理,我们可以利用与目标受众产生共鸣的品牌颜色。重要的是要了解您的受众是谁并记住,对颜色的感知因文化和地区而异。例如,西方世界白色通常与婚礼联系在一起,而在东南文化中,白色被认为是哀悼的颜色。您对颜色及其含义了解得越多,它就越强大。公司在他们的品牌和营销中使用颜色作为一种策略来影响我们的情绪。请注意几乎每家电商购物平台其品牌中都使用红色、橙色、黄色?那是因为红色会引发刺激、食欲、消费欲,并且会吸引注意力——而橙色和黄色会引发快乐和友善的感觉。

六、色彩的限制
通过限制应用程序中颜色的使用,接收颜色的区域会受到更多关注,例如文本、图像和按钮等单个元素。 您会注意到,在许多拥有大量彩色帖子和不可预测的内容(如 社交媒体产品)的应用程序中,它们的界面往往非常简单。这很微妙,但它会将焦点从界面上转移到内容上。

七、色彩的状态
颜色可以提供有关应用程序状态、其组件和元素的信息。颜色是我们可以在界面中显示状态变化的一种方式。通过使按钮的颜色静音,它可以指示一个按钮被禁用,或者通过以红色突出显示它,它表示一个错误。我们还应该在错误颜色旁边附上错误消息和图标,以确保清晰并吸引色盲用户。

八、色彩的一致性
界面中的颜色使用应该是一致的,因此即使上下文发生变化,颜色也总是意味着相同的东西。如果在我们的品牌中使用红色,那么我们应该避免使用它来通知错误状态。我们可以使用黄色等替代颜色来避免混淆。这是一个容易解决的问题,因此没有理由避免在我们的品牌中使用红色或黄色。

九、配置调色板
设置当前产品的品牌主色、辅助色、强调色,然后通过一些色彩工具对颜色进行对比色、互补色、相邻色、以及同色系内的不同明度的配置,从而获得最佳界面配色方案。

十、60-30-10规则
60% 是主色,30% 是辅助色,10% 是强调色。
60% + 30% + 10% 的比例是为了平衡颜色。这个公式之所以有效,是因为它创造了一种平衡感,让眼睛从一个焦点舒适地移动到另一个焦点。” 与我之前提到的技巧类似,比如谨慎使用颜色来增加重点和强化品牌,60-30-10 是确保我们不会过度使用颜色的粗略工具。 我也喜欢设计的时候,对着屏幕退后几步,眯着眼睛看,模糊的图像会让我更好地了解层次结构,以及我是否使用了太多颜色,导致太混乱。


维好维可-用户体验体验创新设计

联系我们:

关注我们微信

关注我们,持续输出与分享

+86-21-51115850
©2010-2022 维好维可 | 用户体验创新设计咨询公司-版权所有
沪ICP备19006116号-1

请留下您的联络方式
我们将在两个工作日内安排专人与您联系

合作咨询
+86-21-51115850
© 2010-2022  维好维可 | 用户体验创新设计咨询公司
沪ICP备19006116号-1
维好维可-微信二维码