作为UI品牌设计师,配色中有哪些注意事项?

用户体验   2023-09-28

作为品牌设计师,在设计师时会深度参考该品牌指南,那么对于品牌指南中的配色是否要进行调整?当产品团队收到品牌指南时,通常只包含一组不同色调的“主要颜色”和“次要颜色”,而这些颜色应用于公司品牌的所有领域,因此这些色调的规模和多样性对于成功执行极其重要,如果仅用这些颜色创建产品或网站是很困难的,当您只从品牌和营销的角度来看时,很容易忽视数字媒体中使用了多少种颜色。

数字化产品设计的注意事项:
1、无障碍设计
据世界卫生组织的数据,全球有 22 亿人患有视力障碍,有多种视力障碍会影响人们对颜色的感知。您会惊讶地发现您认识的许多人患有色盲或难以看到低对比度的颜色组合。

最低对比度要求:
普通文本: AA 4.5
大文本: AA 3.1(~18px,粗体及以上)
这里有更多色彩对比度标准参考

您无法“目测”颜色对比,必须使用检查器工具进入辅助(比如figma插件,getstark.co)。

我经常听到品牌设计师说,无障碍设计阻碍了他们的创造力。这通常向我表明,设计师处于初级水平,尚不了解其设计决策对业务的影响。只要看看这个充满美丽色彩组合的网站即可。

2、状态设计
单个交互元素(例如按钮)需要至少5种不同的状态才能向用户传达交互反馈:默认、悬停、聚焦、按下和禁用。区分这些状态的最常见方法是通过颜色。在我们的品牌指南示例中,我们甚至没有 5 种可用颜色,更不用说一起使用来创建从一种状态到下一种状态的平滑过渡。
您可以从上面的示例中看到,我们使用八种颜色来创建一个按钮(技术上是七种颜色,并使用黑色不透明度禁用),这向我们表明品牌指南是不完整的。

3、相似颜色的色调一致
品牌指南中看到的一个常见错误是相似颜色的色调不一致,作为品牌设计师,您只需确保调整颜色的亮度,而不是色调,不同色调意味着不同的品牌和寓意。

最终颜色目录的示意,这就是我们所说的基本元色:
1_mUaYLWEtS-eUtXJ_PBZUKw.jpg

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

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码