又是把一页PPT图表做了3个版本的一天

Hello，见字也见不着面，我是杉木

是的我又来了，今天分享一张图表页的制作过程，主要是这份图表的内容真的很好玩

原稿是这样的

我们先来梳理内容逻辑

一个是产值，柱形图，没什么问题

一个是工资，环形图，这个就嘚研究研究了

既然是三个季度的工资数额，用环形图不合适

从图表来看，完全看不出三者的差别

从逻辑上讲，环形图也不适合展示数据的起伏，它更适合展示百分比，下面这三种图表都一样

而本次的内容是产值和工资数额，故不适合这种进度条样子的图表

如果这页的内容是“产值的完成情况“，就可以用这种环形图和进度图了

所以这里我们把两个图表统一成柱状图

这时我们发现它们是有联系的，都是表达“一二三季度“的数值信息

而且，数据的起伏也有关系

那我们就可以把它们整合成……

于是，就有了第一版的雏形

此时该表达的内容都表达了：重复的“季度”和有相似的变化弧线

但页面缺少了点质感

首先，我们给数值添加一个卡片衬底

再给线条加点渐变阴影

一根线条阴影加上渐变形状

线条的阴影调整了角度距离等参数，形状添加了4磅的柔化边缘

于是这页就变成这样啦

因为“二季度”的位置比较高，卡片将线条遮住了，那地方阴影还有一点脏

要解决上面问题，把“二季度”数据改成磨砂玻璃就好啦！再添加6个小圆形作为节点

咱说这一页就做好啦

同样的排版，我还做了一版新拟态风格

换个排版试试

梅开二度嗷，添加些细节

我们先来做这个球

设置完圆形的射线渐变参数之后，添加距离阴影

一层阴影的效果太浅，根据光影原理，靠近圆形右下角的地方应该阴影颜色更深，现在就像虚浮在上面，不太自然

那我们添加一个圆形设置第二层阴影

看一下结合起来，一层和两层的对比

这里为了能在文章里看清，我把它俩转成图片，等比放大了，和原大小展示效果有一丢丢差异

这页也完工了

我们整体看下这份图表页的三个版本

这篇文章有点短，就到这里了

以前总喜欢炫目复杂的PPT，现在，依旧喜欢炫目复杂的PPT

哈哈哈哈，其实现在慢慢喜欢有质感和耐看的PPT了。越来越觉得，简约的页面做好也并不容易，还是要继续努力