做出专业级PPT目录页，只需3步！

昨天我们讲了如何设计 PPT 中的标题，好多同学表示还没看够。

今天继续来学习：怎样又快又好地设计 PPT 目录页~

只需 3 个步骤，我们就能 get 各种版式的 PPT 目录页设计啦！

作者：老黑
来源：黑白间设计(ID：HbjDesign)

我一直觉得 PPT 中有一个很尴尬页面，那就是目录。

它既不能像封面一样外表酷炫，也不能像内页一样内心丰富。

总之就是：

偌大一页 PPT 里面，往往只有几行字的框架：

如何把这几行字设计得清晰又美观，我绞尽脑汁，总结了一套思路和技巧。

相信你看完这一篇文章，也能够轻松学会这些思路和技巧！

方法总体分为三个步骤：

文本分解、模块设计、加法重组。

01
文本分解

PPT 目录中天然存在相互并列的若干个要点，他们之间应该是相互隔离的。

从元素的角度来看，这些文字不应该在一个文本框里。

有多少个标题就应该有多少个文本框，这样才方便后期设计：

章节标题的文字应该足够精炼，并且字数相差不大。

02
模块设计

既然目录里字如此少，主题又如此明确。

那我们就找找参考，看看类似的东西是怎么设计的吧！

仔细想想，LOGO、标志标牌、出版物标题等设计物也是字少主题明确。

上街遛遛，这是我随手拍的几张照片：

分析一下，是不是基本都是这三项：

目录标题也可以由这三项组成：标题、副标题、引导物。

这三者位置、大小、效果的不同组合，构成了目录的基本模块。

我们在设计目录模块的时候，可以参考各种各样的排版方式。

副标题常常是标题的补充和解释，也可以是英文翻译或者汉语拼音。

是否添加副标题，很大程度上取决于 PPT 的应用场合。

例如正式的学术报告、公司对外简介等场合，一般会给标题添加英文翻译作为副标题；

内容结构十分清晰的介绍型 PPT，也会用副标题的形式大致描述每一章节的框架：

当然，力求页面简洁或难以保证英文翻译准确等情况，也可以不加副标题。

引导物主要作用有三。

一是快速计数，二是引导视线，三是加强设计感。

我将引导物分为三类，相信覆盖了 99% 的 PPT 引导物样式。

数字

包括直接使用、加框线、反白处理、多层形状叠加、加线条等手法。

图标

与数字的处理手法十分相似，注意挑选图标时的一致性。

英文

一般是章节序号的翻译，如「PART ONE」。

把副标题和引导物与标题拼合起来，就形成了目录的基本模块。

03
加法重组

既然 PPT 目录是相互并列的若干个要素，那么它们的排版就应该以均匀排版为主。

也就是基本模块横向间距，或者纵向间距相等。

在间距相等的限制条件下，我们可以把目录排版成横向的、纵向的、斜向的、参差的。

由于 PPT 目录中本身的元素比较少，在重组模块时，主要考虑做加法排版。

第一种技巧是加形状。

例如给页面添加条形的色块，强化目录的横向排版：

将纵向排版的目录移至一侧，然后在另一侧添加色块平衡画面：

顺着斜向排版的目录方向绘制形状，形成一个通道，放置主要内容：

或者用形状将每个模块装起来，就像一张一张的卡片：

或者添加发散式的形状，形成聚焦效果，丰富页面：

第二种技巧，是加图片。

图片同样可以起到平衡页面的作用，页面哪里有大量空白，就可以将图片裁剪后放在那里。

可以放在左右：

可以放在上下：

可以填充在斜向的形状里：

甚至可以变成奇特的形态，只要画面整体是平衡的就行了：

直接将形状部分盖在图片上，既能够写文字，又打破了图片和留白处的僵硬线条：

也可以将图片放大至全屏，直接在图片上盖上一个蒙版，然后将目录放上去：

蒙版的使用既可以是全屏的，也可以是局部的：

利用形状和图片，将页面在纵深和平面上都分割开：

总之，添加形状和图片，目的是为了丰富页面、平衡画面、创造新的空间。

在添加图片时始终记住这些目的，就不会画蛇添足。

04
局部强化

PPT 目录其实还可以作为过渡页，提示现在正在讲的是哪个部分。

在均匀排版、视觉统一的基础上，只要将某一个部分凸显出来就可以了。

修改透明度、颜色、大小等参数都是不错的凸显方式。

以上就是本期的分享。

总结一下：

PPT 目录的做法分为三步。

第一步，将文本分解；第二步，模块设计；第三步；加法重组，最后有必要的情况下可以局部强化。

你 GET 了吗？