前哨站/第5章 图表设计原则与常见陷阱
第5章 图表设计原则与常见陷阱

第5章 图表设计原则与常见陷阱

高级感来自克制:删掉不承载信息的元素,把注意力留给数据。

数据墨水比排版可读性

本章学习目标

  • 能解释数据墨水比并据此做减法
  • 能合理设置坐标轴、网格线、标签与图例
  • 能用标题与小标注完成"图内叙事"
  • 能识别并修正视觉误导类陷阱

本章导览

核心内容

5.1

做减法:数据墨水比

数据墨水比 = 用于表达数据的墨水 ÷ 全部墨水。提高它的办法不是加密数据,而是<b>减少装饰</b>。

  • 删掉多余网格线、图例框线、3D 阴影、渐变背景
  • 弱化非数据元素(坐标轴、刻度用浅灰)
  • 直接标注数据点,省去图例来回对照
5.2

坐标轴、标签与图例

六个基本元素
元素推荐做法避免
y 轴起点柱状图从 0 开始为"显得有增长"而截断
刻度4~6 个刻度,数量级整齐几十个刻度密密麻麻
图例直接在线尾标注(2~5 条线时)图例放远处、色块难对应
标签只标关键点,避免重叠每个点都标数值
标题写成一句结论"图1 销售额"
单位写在轴标题或标题里不写单位让人猜
5.3

视觉误导与修正

五种高频误导
陷阱读者的错误解读修正
截断 y 轴增长率被放大从 0 开始或改画变化率
面积/体积编码过度大小被平方级放大改用长度编码
不对称配色中间值被读成偏小发散配色以中点为基准
排序随意看不出排名按数值排序后再画
时间轴不等距趋势被扭曲时间轴保持等距

本章小结

本章是"从能画到画好"的分水岭:用数据墨水比指导做减法,规范坐标轴/刻度/图例/标题/单位五个基本元素,并识别五类视觉误导(截断坐标轴、面积编码、不对称配色、不排序、时间轴不等距)。

思考与练习 先自己做,再点开答案

01

什么是数据墨水比?举两个提高它的具体做法。

查看参考答案

数据墨水比 = 表达数据的墨水占全部墨水的比例。做法:删掉网格线与边框、把坐标轴刻度改浅灰、去掉 3D 与阴影、用直接标注替代图例。

02

为什么"每根柱子都标数值"反而不好?

查看参考答案

会造成视觉噪音、数值标签互相重叠,读者的注意力从"比较长短"转移到"读数字"。只需标出关键点(最大值、异常点、目标线)。