上周有个小伙伴给我们投稿了一份工作汇报主题的PPT,希望我们能帮忙修改一下,原稿是这样的:

▲内容已做脱敏处理

其中有些页面里的截图比较多,样式比较丑,尺寸也不一致,导致PPT显得很杂乱。

像这种页面,如何排版才好看?

分享一下我的修改思路~


▎设计规范

通过阅读内容,可知这份PPT讲述的是跟某平台相关的内容,通过搜索,我找到了平台的主页。

所以在配色方面,我参考了平台主页的配色,得到下面这组配色:

字体搭配,这里使用小米字体系列组合和roboto系列,凸显正式感:

内容页,给背景色添加浅色的渐变,渲染氛围感即可:

OK,下面我们进入修改环节。


▎封面页

这一页的问题主要是,标题比较长,横向跨度比较大,不便观众阅读,还有就是标题和落款整体没有对齐。

所以第一步,先给标题断句,缩短横向跨度:

将标题居左排版,给重要关键词设置渐变,重点强调:

给标题添加英文作为细节装饰,丰富层次:

右边有点空。

这里可以利用原稿中的截图,先把它套进PS样机里:

放到页面,看看整体效果:

大概的感觉有了,但是背景还稍微有点空。

于是我提取了一个关键词的并将其翻译为英文:

为其设置【三维旋转】效果后,再插入一个直角梯形,让文字和形状构成一个立体空间场景:

再把样机叠加到英文关键词上方:

将标题信息放入页面,最后添加一些设置了渐变色的形状用于装饰页面,完成!


▎一段内容页

这页的问题,主要是内容结构的呈现不够明显,截图太规矩,页面看起来比较朴素。

可以分两步来解决。

首先是文字内容的梳理。阅读后可以发现,文字内容包含两个部分:

在不影响原意的情况下,对内容进行提炼后,得到以下信息:

完成文字后,下面是截图的处理。

最简单的方法,就是参照封面的操作,给截图套个PS样机:

另外,截图展示的是“案例”部分的内容,这里我们可以将相关的内容裁剪出来,单独放大后再叠加在样机上,提升层次感:

将两个部分内容放到页面,看看效果:

背景还有点单调。

最后给背景添加渐变的形状点缀一下,完成!


▎四段内容页

这一页就是我们开头提到的有着较多截图的PPT:

在不删除图片的情况下,如何美化这种截图的排版效果呢?

首先,这里有三张截图,四段内容。

为了让它们能在数量上相匹配,所以我又插入了一个形状来代替第四部分:

将这四个元素底部对齐叠加排版在页面下方:

在图片底部插入一个渐变的梯形,增强立体空间感,把文字信息排版到页面,添加线条引导:

给信息添加icon,增强可视化:

如果你想更卷一点,可以给图片添加三维旋转,让页面看起来更立体:

放在椭圆形的平台上,最后再添加渐变形状和线条装饰丰富页面,丑丑的截图瞬间脱胎换骨了有木有!


▎两段内容页

这一页的问题主要是内容排版单调,且内容没有对齐,整体没有设计感。

第一步,还是先来梳理内容。

先是左边的内容,六个要点,这里采用两行三列的排版方式,再用色块规整内容,统一视觉,并添加icon,增强可视化:

右边部分,大段文字不利于观众阅读,这里将要点信息提炼出来,进行结构化处理,让标题和内容部分的对比更加强烈:

将两个部分放到页面,看看效果:

右上角有点空。

两个部分可以底端对齐,错位排版,让页面更有灵动感:

给两个部分内容添加相同大小的圆心矩形,让整体看起来更加统一规整:

在页面下方添加波浪形状,丰富页面底部,完成!


▎总结

最后,我们再来看看修改后的整体效果:

好了,以上就是今天的全部内容了,如果你觉得有启发的话,欢迎转发点【】哈!