U5.03.5Gridlines are necessary only when values must be read off the chart设计

网格线只在需要从图上读数时才是必要的

别名: 网格线 · 读数辅助

概念解释

网格线的唯一正当职责是辅助读数:它把轴刻度延伸进绘图区,支持"点对应值"的目测插值。如果读者的任务是看趋势、比形状、找异常——不需要从图上读出具体数值——网格线就失去了职责,只剩下视觉噪音:它增加图面密度、切割数据图形、与参考线争夺层级。

机制

判断网格线去留的标准是任务而非风格:读数任务("3 月值是多少")需要网格,因为目测插值必须有内部参照物;趋势任务("哪个月增长最快")不需要,因为趋势判断依靠的是形状与斜率,网格不参与运算,只参与干扰。干扰的具体路径有三:增加视觉密度降低数据对比、横竖网格把图形切割成碎片、与参考线争夺"背景结构"的归类。交互图表还能把读数外包给悬停提示,网格的必要性进一步下降。

边界

"去网格"不等于"零辅助":彻底没有参照物的图在估读时同样困难,浅色主刻度线(只在主要刻度处、极浅的短线)是常用折衷。印刷报告无法交互,读数需求真实存在时网格应保留;仪表盘以趋势监视为主时优先去除。轴与刻度标签是底线配置,不在"去网格"之列——去掉的是绘图区内部的参考结构,不是坐标系本身。

怎么落地

  • 写图前先定读者任务:读数值→保留稀疏主网格;看趋势比较→去网格只留轴线与刻度标签。
  • 保留网格时只画主刻度,横竖最多一组,不叠加次刻度网格。
  • 验证:做去掉网格的版本让读者完成任务,估读准确率明显下降则网格必要;任务完成度不变则网格可以永久移除。

延伸

  • 同组U5.03.1 参考线用于标出阈值、均值或目标等外部基准 · U5.03.2 参考线必须带标签说明含义,否则会被当作数据 · U5.03.3 参考线的视觉权重应低于数据元素而高于网格线 · U5.03.4 多条参考线并存会与数据线混淆
  • 相邻U5.01.2 直接标注消除该往返 · U5.06.4 高密度图仍能表达整体形状,失去的是个体可读性
  • 站内检索gridlines · chart minimalism · value reading task

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U5.03.5