
在信息信息量日益增大的时代,数据驱动的呈现方式越来越普及,信息图在多种场景中的作用也持续提升。与此同时,市场上仍充斥着大量错误的图表呈现。本文整理了 20 条实用建议,帮助你设计出更为准确、易读的信息图。
1、选择正确的图表类型
不同图表类型承担不同的功能,不恰当的呈现容易导致误读。相同数据可以通过不同图表呈现出不同侧重点,因此在设计信息图前先明确需求,再决定最契合的图表类型。

2、根据数据的正负值选择正确的绘图方向
当数据在零线两端波动并产生正负差异时,应使用基线来明确正负关系,避免在同一侧呈现数据而引发误读。

3、始终从 0 处开始绘制条形图
条形图若从非 0 起点开始,可能更易呈现趋势但会失真数据量级与特征。举例中若两者差异看起来很大,实际可能并非如此,因此应从坐标 0 处开始以确保准确性。

4、折线图应清晰呈现 Y 轴趋势
折线图的 Y 轴尺度会影响波动幅度的可读性。必要时调整单位大小,使波动幅度大致占据 Y 轴的 2/3,便于观察趋势。

5、使用折线图时关注时间
折线图通过时间节点连接数据,能有效展示随时间的变化。但若时间间隔不规律、出现缺失或参差,折线图可能无法准确传达信息,此时用条形图可能更易解读。

6、不要使用平滑的折线图
平滑折线在视觉上更美观,但会歪曲实际数据,且难以捕捉关键转折点。

7、避免双折线互相交叉
为节省空间,有时会使用双折线来呈现数据。若数量级差异较大,读者将难以辨认。此时应考虑使用两个独立的坐标系来呈现,以提升可读性并更清晰地看出趋势。

8、限制饼图扇形数量
饼图易被误用,条形图在大多数情况下都是更佳选择。若选择使用饼图,请遵循两条基本原则:
不要超过 7 个扇区,保持简单;可将多余片段合并为“其他”扇区。

9、在饼状图中直接标注数据
若缺少明确的文本标签,信息图再美观也难以传达信息。直接在图表上清晰标注数值,能提升观看者的理解价值。

10、不要在扇面上做标注
在较小扇区直接标注数值往往难以阅读。更有效的做法是使用标引线引导观众到对应区块。

11、控制扇面的排序以提升可读性
常见排序有两种:1) 将最大扇块置于 12 点钟方向,随后按大小从上到下或顺时针排列;2) 将最大扇块置于 12 点钟方向,右侧放置次大扇块,右侧再放置剩余扇块,便于阅读。

12、避免随机排列
同样的原则也适用于其他图表:不要按字母序或笔画排序,而应按数据大小排序。水平条形图应将最大数据放在顶部,垂直排布时放在左侧,减少阅读难度。

13、不要牺牲信息图的可读性
饼状图往往对相似数据的对比不友好。若设计成环状,可辅以额外数据来呈现,但不要让彩色扇区的可读性下降,从而损害信息传达。

14、视觉效果不要喧宾夺主
避免干扰性视觉效果分散用户注意力,常见应避免的元素包括:
3D 效果与阴影、渐变与失真色彩、斑马纹或过多网格线、装饰性过强的字体。

15、配色需与数据属性匹配
配色在可视化设计中至关重要,常见策略包括:使用定性配色以区分不同元素、使用有顺序的渐变色呈现连续变化,以及跨冷暖色调的对比方案,将中性颜色置于中间以呈现存在正负关系的数据波动。

16、使用无障碍友好的配色
统计显示约有 1/12 的人存在视觉障碍,因此应在配色设计中考虑可访问性。使用不同饱和度与明暗度的色彩,并通过去色检测对比度,提升可读性。

17、关注内容的易读性
排版要点包括:选择清晰的无衬线字体,避免衬线体、斜体、粗体和全大写,确保文本与背景之间有足够对比,并尽量避免旋转文字。

18、使用水平条形图来优化倾斜标签
这是一项简单有效的技巧,能让阅读者在查看倾斜文本时保持颈部舒适。

19、事先确定图表库
若设计项目面向 Web 或移动端的交互式图表,应在初期就决定所用的图表库。不同库在功能和规则上差异较大,需要结合需求与设计构想做出选择。
