ZEISS Brand Portal
ZEISS Brand Portal
色彩情境色

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

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

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

插图
插图

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

  • 肤色

  • 产品专属色

  • 底色与明暗过渡色

  • 补充色板

技术文档
技术文档

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

信息图表
信息图表

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

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

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

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

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

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

检查相似度
检查相似度

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

确保区分度
确保区分度

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

测试易用性
测试易用性

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

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

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

不同明暗色调相邻排布

不同明暗色调相邻排布

色彩之间使用渐变效果

色彩之间使用渐变效果

您有任何疑问吗?

Corporate Brand, Communications & Public Affairs

保持联系