原创三步学习图:提取条带单元、比较排列间隔、核对带编号的图例。
阅读口径

本页以 W3C 颜色使用条款为依据说明设计目标,具体三状态卡是原创示例,不是标准图标集。教学图标不能直接冒充交通、消防、职业安全等正式标志。

依据:W3C WCAG 2.2 · 1.4.1 颜色使用。链接所述事实与本站原创练习分别标注。

先弄清关键关系

双重编码是本站对“同一含义使用两种可见表达”的教学称呼。例如蓝色加“A区”文字、橙色加“B区”文字。它不是简单增加装饰:如果两区都用相同虎纹,纹样没有提供额外类别线索。不同纹样也需要图例解释,不能假定每个人都知道某个方向代表什么。

原创情景与对照

原创练习:为三份材料标注“未开始、进行中、完成”。第一稿只用三色角标;第二稿在角标旁加状态文字;第三稿再用空圆、半填圆、实心圆辅助。比较时问读者需要完成什么任务。如果只需知道文字状态,第三种形状未必必要;若空间很小,仍应保留可访问的完整名称。

具体怎样修改

先把颜色含义写成一句话,再选择最直接的附加线索。名称适合需要准确识别的状态,编号适合与清单对应,纹样适合大面积区域区分。选完后检查各页面是否一致,避免同一斜纹在甲页表示进行中、在乙页表示完成。必要时减少类别数量。

文字还是图形

文字和图形可以互补,但各有维护成本。名称更新时图例、正文和缩略版本都要同步;图形新增时要确认没有与旧类别混淆。若内容经常变动,先建立稳定编号再配描述,可能比不断发明新纹样更容易管理。编号也需解释,不能只给读者一串字母。

本页原创选择对照
情境优先考虑
状态需要精确解释采用短名称与完整说明
区域需要空间区分采用纹样并配编号图例

可执行检查单

  1. 01把每种颜色翻译成清楚的名称,避免只写“红色项”。
  2. 02把名称或编号放在信息旁,并为图例建立同一映射。
  3. 03隐藏颜色进行阅读演练,检查剩余线索能否回答任务。

一个常见问题

加一个图标就一定足够吗?

不一定。图标可能陌生,也可能在小尺寸下相似。应看它能否传递本来由颜色承担的含义;若需要猜测,补充文字通常更直接。不要用一个没有说明的新符号取代原来的颜色谜题。

如何留下复盘记录

复盘时写清新增线索解决了哪种依赖,例如“材料状态在黑白打印时仍有名称”。若新增图形并没有改善任务,就删去它,让读者面对更少、更明确的符号。

继续阅读

给纹样图例一个稳定名字 · 可读编码