div置于页面底部_网易内部PPT模板有点丑，如何花最少的时间提高页面颜值？

经常有朋友或者同事跟我吐槽：公司的模板太丑了，导致做出来的 PPT 有点辣眼睛！

不知道是模板真丑，还是拼命想甩锅...

（不接受你的白眼）

所以，我就暗自搓搓手，就拿网易内部PPT开刀，用两个屡试不爽的排版方式对这份PPT进行进行修改:

这是修改前：

这是修改后：

我只用了半个小时就搞定了，是不是有点不敢相信？

话不多说，咱们直接开改！
这是一份网易大数据的 PPT。由于原稿的页面太多，这里我只挑选了 5 个比较典型的页面进行了修改！

老规矩，在正式修改之前，需要拟定一下这套 PPT 的基本设计规范。

首先，是字体使用规范。

原稿为了渲染大数据动感的氛围，对标题字都使用了 PPT 自带的斜体效果：

这样做是不可取的，因为 PPT 中自带的「倾斜」功能，倾斜角度过大，会破坏字体原本的字型结构。给人的感觉不是动感，而是字体要倒了的错觉。

而正确且最便捷的做法就是，使用一款本身就倾斜的字体，比如演示斜黑体和腾讯体。可以看一下这两款字体和 PPT 斜体效果的对比：

看出差距了吗？

考虑到腾讯体是腾讯的品牌字体，所以这套幻灯片中我们可以使用演示斜黑体作为标题字体：

其次，是主题色的确定。

这个很简单，我们可以打开网易大数据的官网，从官网上取色：

然后，是标题、正文位置的确定。

这样做的目的，是为了保证整套幻灯片看起来更加的统一。我特意表明了参考线的数值，大家可以作为参考。

最后，是一些装饰性元素的确定。

因为原稿和网易大数据的官网，多为浅色背景。为了贴合品牌的调性，我在修改稿中使用了白色背景。

不过为了避免页面单调，以及让页面体现出大数据的科技感。我对正文页面的标题栏，添加了折线修饰：

还有在页面下方添加一些科技漂浮粒子：

明确了设计规范，接下来，咱们进入单页 PPT 的修改。

第一页：封面页

除了标题使用了斜体效果，破坏了字体原有的字型结构，背景图片对标题文字也有着很大的干扰，阅读会有障碍。

图片选用企业大楼，也不是很合适，并没有体现出数据这一概念。

那么，封面该怎么改呢？

我们可以在背景上使用大面积的渐变色，同时为让标题排版显得更有创意，可以让标题文字错位：

接着，利用英文来填补标题空缺：

再通过一些渐变线条来增强页面的动感，并添加上企业 logo：

最后，我们可以在摄图网上找一张与数据相关的背景图片，假如就这张了：

将其置于页面底层，作为封面的背景图片：

搞定！第二页：目录页

目录页的排版很常规，由于内容都在页面中部，背景又是浅色，导致页面四周会很空。

先来匹配之前所拟定装饰性元素：

虽然好了很多，但两侧空洞的问题仍然存在。所以我们可以变换一种排版的样式，并添加相应的小图标：

到这儿呢，其实已经可以了，不过为了让页面显得更加饱满，我们可以添加一些圆形线条修饰：

第三页：产品集合页

为了在有限的页面空间中，摆放这么多的文字内容，原稿采用了卡片式的排版法，这一点很不错！

虽然用了卡片排版的形式，但视觉效果却依旧凌乱，主要有这几个原因：

针对上面的问题，咱们着手进行修改。

先根据内容的多少，来绘制卡片，注意避免原稿存在的问题：

将内容放置到相应的卡片中，注意文字要对齐，行与行之间用虚线间隔：

接着，我们可以用色块来凸显卡片的标题：

最后，为了让卡片之间的界限更加的明显，我们可以卡片统一改为圆角，就像这样：

由于色块的大小不一，有些朋友不知道改如何统一圆角的弧度。

其实很简单，不需要手动调整，借助英豪插件（LvyhTools）中的圆角工具，只需 1 秒，就能搞定：

第四页：名词解释页

原稿中使用了很多模糊不清的 logo，而且 logo 的样式也十分老旧。

该怎么改呢？

首先我们要做的，就是更新原稿中老旧的企业标识：

接着是排版形式，针对这种总分型的页面，最好用的排版方法什么呢？

没错，中心环绕式排版法！

我画了一个大致的图示，就长这样：

接着，按着这个图示，进行页面的排版：

还不错，对吗？

但现在页面缺乏一些科技感。要解决这个问题也很简单，我们把底部的圆形色块，换成科技球体即可：

基于这个页面，我又改了一版，通过改变线条的环绕方式，让页面看起来更有空间感：

是不是很赞呢？

第五页：产品介绍页

乍一看，觉得这个页面做的还挺有创意的，页面右侧借助形状，再配合手机样机，形成一定的空间错觉。

不过这种设计风格有些过时，用在大数据 PPT 中并不合适。

另外，原稿中手机截图中的颜色有些杂乱，与页面风格并不匹配。

而且，页面左侧排版也很不规范，没有明晰的阅读顺序，导致阅读体验很差。

明确了问题，那又该怎么修改呢？

首先，替换原稿中产品的样机，打开网易有数的官网，我们可以从中提取到更加高端的产品样机：

由于样机并不完整，我们利用卡片式排版法，将页面布局成这样：

考虑到产品介绍中，有一段文字较多。我们可以加大中间的卡片的宽度，从而保证页面的视觉对称：

最后，把文本信息填充的相应的卡片中，为了避免部分卡片底部太空，还可以将科技漂浮粒子置于卡片的上方：

注意观察页面底部。

好了，到这儿，这 5 张页面就全部搞定啦！再看一下整体效果：

对于正文页的排版，主要使用了我之前所总结的 2 种方法。不知道你看完这篇文章，有没有学会这种排版的方法呢？

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！