从0到1为你揭秘定制PPT背后的设计思维

前几天一个客户让我帮她设计一份PPT,因为之前有过多次合作,所以关于设计风格对方没有做太多要求,只提了两点:一主色调的颜色要使用红色,二整体设计要看起来有高级感。接下来我从这份定制的PPT作品中,挑选出3张页面,来为你分析这份定制PPT背后的设计思维。
01 封面页
主色调已经确定是红色,字体就用工作型PPT常用的字体微软雅黑,那接下来就需要先把封面页设计出来,封面的设计风格会决定整份PPT的风格。

为了达到客户想要的设计出高级感,我们可以采用全图型封面的设计,用一张高清大图铺满整个页面,上面叠加半透明蒙版和文字色块,能让页面看上去大气、美观,就像下方这些封面页一样:



确定了方向之后,那到哪里可以找到免费高质量的图片呢?推荐2个我经常用的图库网站:
免费素材图片 (pexels.com)

Beautiful Free Images & Pictures | Unsplash

我们可以从封面页的文字中找寻合适的关键字来搜索图片,比如这个封面的文字是“学习之路”,我们就可以用道路这个关键词来搜索图片。

我最后选择了左下角的那张图片来作为封面页的配图,原因是这张图片是左右均衡布局的,非常适合于居中对齐的排版。
在图片上方添加一个深灰色的蒙版降低图片的亮度,添加上文字并让文字在页面上居中对齐,在文字的底部添加主色调的红色的半透明色块进行点缀,就完成了封面的设计了。

02 金字塔图

在原稿中有这样一个表达岗位层级变化的图,原本的设计是使用矩形的方式来展示。其实,要表达这种多层递进关系最好的图示是金字塔图。



参考这些金字塔图,我把这个页面修改成下方所示的效果:

除了图示的变化之外,这里还有2处修改要你留意一下。
一是我在底部增加了一个类似于网页的导航栏,因为这份PPT是从文化、人才、智库三个方面来进行介绍,为了清晰的让听众了解到现在讲解到哪一个部分,我们可以像这样增加导航栏,避免听众一走神就迷失了方向。
二是在配色上我选择了红黑的经典配色组合。客户要求主色调必须是红色,那红色要搭配什么颜色比较好看呢?如果是做成浅色背景的,比较难体现出高级感,所以我选择搭配纯黑色的背景。你看那些发布会的PPT,是不是都是深色背景的,往大屏幕上一投,满满的高级感就出来了。


说完了两个设计细节之后,我们再来看看这个金字塔图是怎么做出来呢。这个其实就是用我在《SmartArt,开启智慧图形设计的新世界》一文中提到的,我最喜欢的一个设计工具SmartArt制作而成。

生成了金字塔图之后,点击左侧的文本窗格,将文字填入到这个窗格中。

按两次【CTRL+SHIFT+G】键,将SmartArt转换成形状,之后就可以自由进行编辑这个形状了。这里我使用的是上下渐变填充,把底部的渐变光圈的透明度设置为100%,就可以实现上图所示的效果了。

03 分栏图

我们在设计PPT的时候,经常会遇到像这样的并列的多行文本,可能是3段或者4段等等的内容数,想要最简单高效的完成这类文本的排版,可以使用分栏排版法。所谓的分栏排版法,就是按照文本的数量分成多栏,比如内容是3组,就可以像下图所示做成纵向的3栏。


当然也可以做成横向的3栏:

如果内容是4组,既可以像这样做成纵向的4栏:

也可以像这样做成上下两排:

确定下来分栏排版之后,我们再来留意一下原本的文字,每个分类下面都有很多用顿号分隔开来的多个子项,如果这些子项一整个复制到分栏的文本框中,会显得内容多而杂,所以我们可以把这些用顿号分隔的文本都拆分出来,放在一个个圆角矩形中。这就是我修改之后的效果:
