历史版本4 :图表设计通用原则 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

数据可视化过程中，图表设计时，需要注意一些原则，以下我们整理了所有图表通用的设计原则，大家在设计图表上可以参考使用。

1. 选择正确的图表类型

要选择一个正确的图表类型，合理的图表样式能让读者快速理解数据，得到关键结论。如下图所示，同样的数据柱状图显然是杂乱的，看不到任务有用信息，转化成折线图后，就能明确的看到每个产品的销量趋势。

如何选择图表可查看：选择图表

2. 使用正确的绘图方向

在固定的坐标轴中绘图时，要根据坐标轴标注的正负方向绘图，不能相反，或者说是都在同侧绘图。

3. 避免使用双Y轴

通常，为了节省可视化空间，当有两个具有相同度量但大小不同的数据系列时，我们可能会倾向于使用双轴图。我们要避免使用双坐标轴。

4. 在图表上直接标注

可以的话，建议使用数据标签，而不是图例。
直接在图表上标注会减少用户将图例和图形匹配的过程，不会分散用户的注意力。

5. 排序提升阅读效率

给图形按数据大小排序，避免随机排列，随机排列用户需要在脑海中进行排序，会增加用户的认知负荷。将最大的数值放在顶部或左侧，以确保最重要的数值占据最突出的空间，减少眼球运动和阅读图表所需的时间。

6. 要平衡美观与实用

我们在进行视觉设计时，一定要平衡美观与实用，当二者发生冲突时，应该舍弃视觉设计，保证数据的可读性和正确性。要尽量避免：

  • 3D元素，明暗面

  • 阴影、渐变和其他扭曲的多彩色

  • 斑马图案，过多的网格线

  • 选择易读的字体，避免衬线和装饰过度的字体

7. 颜色使用要合适

颜色是图表的一个关键组成部分，我们在进行颜色设计时，颜色的选用要恰当，是选用连续增长渐变的，还是多个色系有区别的，都要注意。

更多配色内容可查看：色彩与配色基础

8. 使用比例合适的坐标轴

不要过度的压缩坐标轴，这样会捯饬掩盖一些数据趋势，尤其是需要比较的时候。选择合适比例的坐标轴。