ZEISS Brand Portal
ZEISS Brand Portal
色彩情境色

情境色专为特定使用场景而设,是实现清晰的信息传递、精准的视觉区分和预期表达效果的关键色彩。

应用领域
用户界面(UI)
用户界面(UI)

仅当所选色彩在 HSL 色彩体系中的色相值与辅助色相差 20 个单位以上时,方可使用辅助色以外的色彩。为满足 ISO 标准要求而使用的专用色彩不受此限。

插图
插图

插图创作应优先使用辅助色。例外情况包括:

  • 肤色

  • 产品专属色

  • 底色与明暗过渡色

  • 补充色板

技术文档
技术文档

技术文档色彩使用规则与用户界面保持一致,应优先使用辅助色。若无法使用辅助色,所选色彩在 HSL 色彩体系中的色相值需与辅助色相差至少 20 个单位。

信息图表
信息图表

信息图表应用场景广泛,涵盖 PowerPoint 演示文稿、医疗数据分析类应用程序等。

选用现有情境色或自定义新色彩

如需新增情境色,需先确认是否可使用现有辅助色替代。

情境色无预设用途,主要用于仅依靠辅助色无法满足需求的场景,例如插图、用户界面、ISO 标准和信号标识等。

选用现有情境色或自定义新色彩
如何定义新的情境色

如果您需要帮助,请联系 brand@zeiss.com。

创建色彩
创建色彩

选择符合需求的目标色彩。

检查相似度
检查相似度

确认该特定应用中是否已存在相近色彩。若存在,则使用现有色彩。

确保区分度
确保区分度

若无相近色彩,需确保新定义色彩与辅助色在 HSL 色彩体系中的色相值相差 20 个单位以上。

测试易用性
测试易用性

检查对比度(WCAG)并完成对比度等级划分。

禁止事项
所选情境色与辅助色过于相近

所选情境色与辅助色过于相近

不同明暗色调相邻排布

不同明暗色调相邻排布

色彩之间使用渐变效果

色彩之间使用渐变效果

您有任何疑问吗?

Corporate Brand, Communications & Public Affairs

保持联系