格子越深,表示该主题在这项指标上越高。
清晰96
说服44
密度38
制作成本58
作业适配80
工作适配91
低高
简短问答
什么时候选无障碍可视化?
故事符合「公共仪表盘、考试、灰色印刷、法务幻灯」时选用。
什么时候避开?
遇到「仅用红/绿表示坏/好」就换形式。
谁发明或推广了它?
石原氏色盲表 1917;WCAG 2 对比;冈部–伊藤绿色盲色板
它编码什么?
冗余通道:位置、图案、标签,不只色相
广告能用吗?
在微信、抖音与展示广告里主张能一眼看见就可以;否则把图放在落地页。
老师会收吗?
实验报告与展板里有轴、单位、来源一行就可以。
无障碍可视化把值编码为冗余通道:位置、图案、标签,不只色相。石原氏色盲表 1917;WCAG 2 对比;冈部–伊藤绿色盲色板。
工作报告、广告与作业中适合「公共仪表盘、考试、灰色印刷、法务幻灯」。若「仅用红/绿表示坏/好」,换一种形式。
规则
- 规则 1 — 冗余通道:位置、图案、标签,不只色相只作一个通道,不要两个。
- 规则 2 — 直接标注胜过远处的图例。
- 规则 3 — 不要藏零。若断轴,就写明。
- 规则 4 — 颜色编码类别或大小,不要两者一起。
- 规则 5 — 标题写主张,不要只写「无障碍可视化」。
- 规则 6 — 来源和时段,哪怕用小字。
色板
- 色板 1 — 类别用可区分的色相。序列用同一色相改明度。
- 色板 2 — 发散:中间中性,两端才强调。
- 色板 3 — 一个品牌色加灰色,胜过彩虹。
- 色板 4 — 在投影和灰度印刷上检查对比。
文字
- 文字 1 — 数字用等宽表列数字。不要把正文灌进图里。
- 文字 2 — 标题写成句子;轴用短名词。
- 文字 3 — 中文把字重降一档,字距留空。
无障碍可视化:守住冗余通道:位置、图案、标签,不只色相,「仅用红/绿表示坏/好」时换图。