见字如面,我是大虾。
不管是生活还是工作中,大家都会遇到图表设计。
如何设计图表,让其标识性更强、更适合传播,更好地为工作服务。
我们以光大证券《碳中和行业(电新+环保)周报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的大虾
原文链接:工作型图表设计,没你想的那么简单…