工作型图表设计,没你想的那么简单...

见字如面,我是大虾。

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

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

我们以光大证券《碳中和行业(电新+环保)周报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的大虾
原文链接:工作型图表设计,没你想的那么简单...

版权声明:自律的音律 发表于 2022年12月29日 下午10:23。
转载请注明:工作型图表设计,没你想的那么简单... | AboutPPT导航

相关文章