如何制作一份有层次感、立体感的PPT

PPT教程 2021-10-06 09:08:37

如何制作一份有层次感的PPT

什么是所谓的有层次感的PPT

我在标题里用的是「有层次感的PPT」，这个说法可能对大家来说更容易理解，但是层次感只是一种表现形式而不是一种设计风格，今天其实要讲的是 Material Design。

Material Design是谷歌推出的一种设计风格，它用在了谷歌所有的产品中，像我们最常见到的，安卓手机，它所有的界面设计、交互设计都是采用了 Material Design 这个设计风格。

如何制作一份有层次感的PPT

谷歌手机界面

Material Design 中的 Material 是「材料」的意思，所以 Material Design 会模拟真实世界的元素和交互动作。

我们知道，在做PPT的流派里，有一种叫 Flat Design，扁平化设计，非常的流行。而 Material Design 和 Flat Design 相比较，优势就是层次感更加的强。

纸张

如何制作一份有层次感的PPT

纸张

Material Design 的第一个核心概念是纸张，纸张是 Material Design 里面最基础和最重要的元素。

在真实世界里，我们把字写在纸张上。而上面提到，Material Design 会模拟真实世界的元素和交互动作，同样的，我们在PPT中把字写在纸张上，所以纸张是 Material Design 中的内容承载器，我们会在后面的PPT中频繁的看到纸张。

因为在PPT中纸张起到了承载信息的作用，所以纸张一般都是填充纯色的，而且以白色居多。

卡片

Material Design 的第二个核心概念是卡片。在生活中，卡片用纸张来制作，所以卡片在本质上是一张纸张。

我们把所有内容都书写在卡片之上使用，包括图片和文字，然后我们制作不同的卡片，用卡片来分割不同的文意。

那么具体怎么在卡片上进行排版，正确的使用卡片呢，我们来看三个例子。

如何制作一份有层次感的PPT

第一个例子是纯粹的文字，包含标题和正文，我们使用大小、粗细、和间距的不同来区分标题和正文。在纯粹的文字排版上，记得在卡片的内边沿四周留出一定的白，千万不要把文字贴着卡片的边沿。

如何制作一份有层次感的PPT

第二个例子，是纯粹的图片卡片，请记得把图片填充满整张卡片。

第三个例子，如果我们需要在图片卡片上做文字的标注，那就用一个白色遮罩，再在遮罩上面写字。

阴影

如何制作一份有层次感的PPT

Material Design 的第三个核心概念是阴影。可以这样讲，没有阴影就没有 Material Design 。前面提过， Material Design 在PPT中的应用的优势是能够突出空间感、层次感，而这种空间感和层次感就是通过应用阴影来达到的。

讲讲阴影的参数设置，这是最关键的。有三个值基本是不变的，首先颜色是纯黑，然后大小是100%，最后角度是90°，90° 就是阴影朝正下方投出的意思。透明度我一般会选择70%~85%之间，模糊度我一般选择15磅到20磅，距离从3到15我都试过。数值不固定，看具体需求。

我在上面这页PPT上给了一个参数搭配的例子和效果图，大家可以参考一下。

层的概念

如何制作一份有层次感的PPT

我们先想象一下，在生活中，如果我们有一叠卡片，是不是有的卡片在上面，有的卡片在底部，而在上面的卡片会挡住底部的卡片。

如果大家有使用过 Photoshop ，或者经常使用PPT中的“选择窗格”，那你一定知道更清楚我想讲的东西。那么在 Material Design 中同样存在这样层的概念，在这里，每一个元件就是一个层，层与层通过阴影来表达它们之间的空间关系。

如何制作一份有层次感的PPT

大家看一下该图片，当几个卡片叠加在一起的时候，通过阴影来表达出层次感。

字体选用

如何制作一份有层次感的PPT

由于 Material Design 是一套完整的设计方案，所以Google官方给出了推荐的字体。在中文字体上，官方推荐使用Noto Sans CJK或者思源黑体，而在西文字体上推荐使用 Roboto。伯健君PPT推荐使用思源黑体。

文字使用标准

如何制作一份有层次感的PPT

在 Material Design 风格的PPT中，标题的行距使用1.15~1.2倍行距，正文使用1.3~1.5倍行距，具体的数值还是根据具体情况确定；

标题的颜色设置为无透明的黑色，就是所谓的纯黑，而正文的颜色则设置为15%~25%的透明度。怎么选择带有透明度的黑色？选择文本后点击工具栏的更改字体颜色，然后选择“黑色淡色25%”。

另外一款字体会有多个字重，例如思源黑体就有 Heavy、Bold、Medium、Regular、Light等7款字重的字体，大家可以根据应用场景选择不同的字重，例如我在标题上使用了 Bold，在正文上使用了 Regular，在备注上使用了Light。

图标

如何制作一份有层次感的PPT

一份好的PPT里或多或少都会用得到图标，而在 Material Design 中对图标的使用也有严格的规定。

为了简单、直接的传达信息， Material Design 规定使用扁平化的图标，禁止使用拟物化的图标。

同样的，网上有Google 官方的图标套件，可以使用官方的图标套件也可以使用其他的，只要是扁平化的即可。还需要注意的是，在一个PPT请使用一整套图标中的原件，以保证风格统一。

颜色

如何制作一份有层次感的PPT

Material Design 是有官方的专用色板，所以如果你想打造一份正宗的 Material Design PPT，请在官方色板中取色。

在色板中，每种颜色都有不同的饱和度，也就是我们平常所说的颜色的深浅。根据官方的调色规范，我们使用500饱和度的做主色，700饱和度的做辅色，300饱和度的用来当显示信息的背景。

而一份PPT中应该用几种颜色呢？某位PPT达人建议不超过4种颜色，我建议选用2~3种颜色，毕竟颜色太多的话就很难驾驭，而且容易变得很low。

像我这份PPT，基本只用了500饱和度的蓝色和500饱和度的粉色。如果你要从中挑取3种颜色，挑哪3种呢？其实你随便挑3种都很好看，真的，不信你就试一下，不过记得饱和度要对应就是了。

如何制作一张卡片

如何制作一份有层次感的PPT

首先插入形状，选择圆角矩形，然后选中圆角矩形，鼠标右键打开设置形状格式，接着用纯色填充，一般都是用白色填充，然后线条选择“无”。

第三步呢就是设置阴影啦，阴影怎么设置参数我也在课件中给出了参考的数值，如果你确实不懂得如何搭配参数，你直接使用我的参数也可以。

如何制作一份有层次感的PPT

第四步，调整卡片的圆角大小和整体大小。

案例制作

当我们学会制作一张卡片以后，其实 Material Design 风格的PPT我们已经学会了。我们来看一个简单的案例，那么现在我就来带大家分解这一页PPT，把它的制作过程完整的呈现出来。

如何制作一份有层次感的PPT

因为 Material Design 讲究层次感，所以我们首先要把层次区分出来。放在最底部的是图片，通过观察，那么图片其实只用了一种效果，就是阴影。参数我是这样设置的，颜色纯黑，透明度 80%，模糊 20磅，这都没什么好说，但我在“大小”这里使用了“103%”的数值，当我们调整“大小”这里的数值，阴影会朝着四周去扩散。所以这时候“角度”这个参数就不起作用了。

然后倒数第二层是一个卡片，效果也只是用了阴影，参数也不讲了，前面讲过两次了。最后顶层的是文本内容，在这里我们只需要把文本，按照设计的四大基本原则排列好就可以了。

到这里，这一页PPT我们已经做出来了。我们应用到的知识点是：卡片、阴影、和排版的基本原则。

如何制作一份有层次感的PPT