J2.03.2non-color chart encoding设计研究

图表系列需要图案或直接标注

别名: 图表不只靠颜色 · direct labeling · 纹理填充

概念解释

多条折线、多组柱子如果只靠色相进图例,复印成灰、色觉不同、线又细的时候,系列会糊成一堆。系列需要图案、线型或直接写在线上的名字:虚实、点划、斜线填充、线端标注。图例可以留着,但不能是「先记住蓝是北美」这种唯一索引。状态灯怎么加图标、链接怎么加下划线,不在这里展开。

机制

「颜色 + 图例」要求同时做两件事:在图例里完成色到名的映射,再在图上保持这份映射。工作记忆有限,线一多映射先丢;色相通道再一断,映射无从核对。直接标注把名字绑在图形上,取消这份外加的查找。纹理和线型是空间特征,灰度打印和色觉差异都还在。

细线、小色块上相邻色相(蓝与紫、绿与青)即使对典型色觉也难分,这和「有没有色觉缺陷」不是同一层。交互提示(悬停才出系列名)把信息关在指针后面,键盘和触屏点不到「那一根」。复杂图还需要长描述才能把趋势说完,那是下一步;这里只要求图上看得到系列身份,不是把数据表怎么写也塞进来。

怎么研究

灰度打印或去色截图,遮住图例,让人指出「哪条是实验组」。对比:仅色相、色相加线型/纹理、线端直接标注。

自变量:编码方式、系列数量、线宽或柱宽。 因变量:系列辨认正确率、是否需要来回看图例、灰度下的正确率。

不要用色觉模拟器的一次滤镜代替灰度测试:模拟器过了,复印机仍可能失败。

边界

单系列图没有辨认问题,轴和数值仍要可读。连续型色标(热力、地形)不是分类色,纹理帮不上忙,要靠图例上的数值刻度、等高或可查询的值。地图上过多纹理会变成视觉噪声,可改用直接标注加可开关图层。动画里系列进场若只靠变色,中途帧仍要保图案。

怎么落地

  • 折线用不同的 dash 与端点形状,并在线的末端写系列名,减少对图例色块的依赖。
  • 柱与面积用斜线、网点等填充,不要只换 fill 色相。
  • 悬停提示只能当补充,系列身份必须在静止画面上成立。
  • 验证:去色截图、遮住图例,问「这是哪一条」。指错就加纹理或把名字写到线上。再打印一页灰度,确认复印机也分得开。

延伸

  • 同组J2.03.1 状态需同时有形状或文字 · J2.03.3 链接不能仅靠颜色与正文区分
  • 相邻A1.06 色觉缺陷 · J2.12 复杂图形的长描述
  • 站内检索direct labeling · hatching · non-color encoding

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/J2.03.2