第5章 图表设计原则与常见陷阱
高级感来自克制:删掉不承载信息的元素,把注意力留给数据。
本章学习目标
- 能解释数据墨水比并据此做减法
- 能合理设置坐标轴、网格线、标签与图例
- 能用标题与小标注完成"图内叙事"
- 能识别并修正视觉误导类陷阱
本章导览
核心内容
5.1
做减法:数据墨水比
数据墨水比 = 用于表达数据的墨水 ÷ 全部墨水。提高它的办法不是加密数据,而是<b>减少装饰</b>。
- 删掉多余网格线、图例框线、3D 阴影、渐变背景
- 弱化非数据元素(坐标轴、刻度用浅灰)
- 直接标注数据点,省去图例来回对照
5.2
坐标轴、标签与图例
六个基本元素
| 元素 | 推荐做法 | 避免 |
|---|---|---|
| y 轴起点 | 柱状图从 0 开始 | 为"显得有增长"而截断 |
| 刻度 | 4~6 个刻度,数量级整齐 | 几十个刻度密密麻麻 |
| 图例 | 直接在线尾标注(2~5 条线时) | 图例放远处、色块难对应 |
| 标签 | 只标关键点,避免重叠 | 每个点都标数值 |
| 标题 | 写成一句结论 | "图1 销售额" |
| 单位 | 写在轴标题或标题里 | 不写单位让人猜 |
5.3
视觉误导与修正
五种高频误导
| 陷阱 | 读者的错误解读 | 修正 |
|---|---|---|
| 截断 y 轴 | 增长率被放大 | 从 0 开始或改画变化率 |
| 面积/体积编码过度 | 大小被平方级放大 | 改用长度编码 |
| 不对称配色 | 中间值被读成偏小 | 发散配色以中点为基准 |
| 排序随意 | 看不出排名 | 按数值排序后再画 |
| 时间轴不等距 | 趋势被扭曲 | 时间轴保持等距 |
本章小结
本章是"从能画到画好"的分水岭:用数据墨水比指导做减法,规范坐标轴/刻度/图例/标题/单位五个基本元素,并识别五类视觉误导(截断坐标轴、面积编码、不对称配色、不排序、时间轴不等距)。
思考与练习 先自己做,再点开答案
01
什么是数据墨水比?举两个提高它的具体做法。
查看参考答案
数据墨水比 = 表达数据的墨水占全部墨水的比例。做法:删掉网格线与边框、把坐标轴刻度改浅灰、去掉 3D 与阴影、用直接标注替代图例。
02
为什么"每根柱子都标数值"反而不好?
查看参考答案
会造成视觉噪音、数值标签互相重叠,读者的注意力从"比较长短"转移到"读数字"。只需标出关键点(最大值、异常点、目标线)。