工作型图表设计，没你想的那么简单…

见字如面，我是大虾。

不管是生活还是工作中，大家都会遇到图表设计。

如何设计图表，让其标识性更强、更适合传播，更好地为工作服务。

我们以光大证券《碳中和行业（电新+环保）周报20210801》中的图表为例，简述图表设计优化流程。

01.图表的细节问题，值得重视

问题1：图表未排序

图中介绍的是8个国家的注册量，由于未进行排序，阅读效率受到一定的影响。

问题2：折线的线型不统一

图表利用折线的颜色和线型，来区分同比增速与环比增速，但虚线的阅读体验不够好。

问题3：配色与企业关联性不强

报告中用棕红色贯穿始终，这也是光大证券官网和logo的主色，然而与辅助色的关联性比较差。

问题4：滥用渐变色，增加理解难度

严谨的图表，其实并不使用渐变色，虽然视觉效果好，但阅读更困难，填充过程费时费力。

02.图表设计参数标准化

标准化1：确定图表字体

对于公开发行的报告，改为无版权限制的思源黑体heavy+思源黑体的组合。

标准化2：确定图表主题色

保留光大主色–红色，将咖啡色、金色和蓝色作为辅助色，文字色深灰色，背景采用渐变色。

标准化3：确定图表的细节设置

• 统一隐藏坐标轴的线条、网格线；

• 折线、误差线和类别坐标轴分别设置为0.25磅、3磅和0.75磅；

• 为图表本身添加0.25磅、浅红色的边框

• 对柱形的间隙宽度根据数据量多少来调整，保持与3磅的线条同宽

• 在图表的左上角添加光大证券logo，在logo的右侧放置分成两行显示的报告名称和数据来源，加强宣传效果。

03.图表设计优化

优化1-更改样式更易懂：

用簇状柱形图表示同一个季度内不同行业的收益很适合（横向比较），但在比较同一个行业内多个连续季度的收益变化时（纵向比较），没有折线图的效果好。

做出如下调整：

①将簇状柱形图更改为带误差线的折线图，利用数据标记的上、下位置进行横向比较，利用折线的趋势变化进行纵向比较。

②将强调方式改为在当季收益最大行业的数据标签内显示“No.1”+行业名称。

③在图表的左下角添加光大证券logo和报告名称。

④为图表添加渐变色填充+浅红色的光大证券logo的背景，增加图表的归属感。

⑤报告中的这几张图表的数据量相差较大，规范图表的宽度，高度则根据需要进行设置。

优化2–去掉炫技，增加视觉对比：

去掉渐变色，去掉繁琐的文本框输入↓

做出如下调整：

①添加散点图制作滑珠图，利用滑珠的位置和条形的长度来表示数据大小。

②将统一系列的条形设置为相同的填充色，图例放在条形的左侧，与相应的个股名称一一对应，方便读者阅读。

③添加辅助条形，形成温度计式效果，还能填补图表空白。

优化3–排序让对比更直接：     

做出如下调整：

①根据EV注册量和PHEV注册量的合计值对数据进行由大到小的排序，降低图表的阅读难度。

②将堆积柱形图更改为由柱线图模仿的滑珠图，同时利用滑珠的位置和柱形的高度来表示数据大小。

优化4–换种形式，让数据更有趣味性：

做出如下调整：

①将柱线图更改为由柱线图模仿的滑珠图+气泡图的组合，同时利用滑珠的位置和柱形的高度来表示数据大小；将气泡图整体放在柱形图的上方，解决了遮挡问题；为气泡图中的最大值和最小值添加数据标签代替数值坐标轴，方便读者比较。

②为柱形添加误差线，形成温度计式效果，同时同时还能填补图表的空白。

③将主要和次要的纵坐标轴的标签等距分布，并用网格线连接。

总结

• 用更易懂的样式（图表样式选择）

• 用更简单明了的设计（去渐变，增视觉）

• 用更清晰的视觉对比（图表要排序）

• 用更具趣味的形式（太复杂就拿出来）

——
公众号：做PPT的大虾
原文链接：工作型图表设计，没你想的那么简单…