别找了！你们要的工作型PPT拆解来了...

所以，今天这篇文章，我就从中挑选两页，完整的向各位呈现这份手册页面的设计过程。

话不多说，来看第一个案例。

案例01

一个典型的企业实力展示页。

原稿存在着色彩信息过多，icon 过于抢眼，且与文案不匹配等问题。

我们先来匹配主体字体，思源黑体+Roboto，经典组合，免费可商用：

换完字体，页面清爽多了：

然后是，划分信息层级。

针对这个页面，划分层级分为两个部分：

一是局部文案的层级划分。比如将数据突出展示，方法很简单，就是调整字体大小、粗细和颜色：

二是页面各版块内容的层级划分。该页面主要分为 3 个板块：

通过观察原稿的处理手法，可以得出页面的视觉层级依次是：

而根据各板块层级，可以大致选出一个布局形式，比如中心对称式：

它的阅读顺序大致是这样的：

接着，要处理下技术创新板块的内容：

它们三者相互关联，使用维恩图来展示再合适不过了：

最后，按照前面的布局形式，对页面排版即可：

做成这样，应付日常工作足矣，但作为我第一款 PPT 产品的其中一页，这个页面仍有优化空间！

我们可以将韦恩图换一种更有意思的呈现形式，比如用立体方体的三个面代替三个圆。

立方体的画法不难，插入三个相同大小的立方体，分别调整三维旋转预设参数：

再将这三个面拼凑在一起即可：

另外，考虑到这是一家技术驱动型企业，我们可以在页面中绘制一些能表现技术的线条：

而数据信息也可以找些图标，增强可视化：

再来对页面进行排版：

为了让页面更加的平稳和谐，也可以用渐变圆形，作为两侧内容的容器：

来看下最终效果：

案例02

这是一张项目流程页。

还是先来匹配主题字体：

然后，划分层级。

这一页的层级划分就比较简单，只需要确定一个文案层级即可：

还是老方法，调整字体的大小、粗细、颜色：

现在看，就非常的清晰明了了：

再通过添加色块规范正文，添加线条展现流程：

后面两个文案的处理形式同理：

问题又来了，如何让这页的流程展现更有创意呢？

我们可以从时间轴线入手，比如我们可以用一些图片的走势，来代替轴线。

比如这样山脉图片就很合适：

为了降低图片对文字的干扰，我们可以在图片上方，加一层蓝色渐变色块：

这时，我们可以利用形状工具中的「任意多边形：形状」，沿山脉走向绘制一条折线，作为时间轴线：

最后，将流程信息沿山脉走势排版即可：

这样，一个创意的项目流程页就完成了。

好了，以上呢，就是这两个页面具体的优化过程啦！希望通这样细致的步骤的拆解，能为你带来一丝启发！

转至公众号：PPT进化论