islide插件

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

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

什么是所谓的有层次感的PPT 我在标题里用的是「有层次感的PPT」,这个说法可能对大家来说更容易理解,但是层次感只是一种表现形式而不是一种设计风格,今天...

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

我在标题里用的是「有层次感的PPT」,这个说法可能对大家来说更容易理解,但是层次感只是一种表现形式而不是一种设计风格,今天其实要讲的是 Material Design。
Material Design是谷歌推出的一种设计风格,它用在了谷歌所有的产?#20998;校?#20687;我们最常见到的,安卓?#21482;?#23427;所有的界面设计、交互设计都是采用了 Material Design 这个设计风格。

Material Design 中的 Material 是「材料」的意思,所以 Material Design 会模拟真实世界的元素和交互动作。
我们知道,在做PPT的流派里,有一种叫 Flat Design,扁?#20132;?#35774;计,非常的流行。而 Material Design 和 Flat Design 相比较,优势就是层次感更加的强。

纸张

Material Design 的第一个核心概念是纸张,纸张是 Material Design 里面最基础和最重要的元素。
在真实世界里,我们把?#20013;?#22312;纸?#27966;稀?#32780;上面提到,Material Design 会模拟真实世界的元素和交互动作,同样的,我们在PPT中把?#20013;?#22312;纸?#27966;希?#25152;以纸张是 Material Design 中的内容承载器,我们会在后面的PPT中频繁的看到纸张。
因为在PPT中纸张起到了承载信息的作用,所以纸张一般都是填充?#21487;?#30340;,而且以白色居多。

卡片

Material Design 的第二个核心概念是卡片。在生活中,卡片用纸张来制作,所以卡片在本质上是一张纸张。
我们把所有内容都书写在卡片之上使用,包括?#35745;?#21644;文字,然后我们制作不同的卡片,用卡片来分割不同的文意。
那么具体怎么在卡片上进行排版,正确的使用卡片呢,我们来看三个例子。

第一个例子是?#30475;?#30340;文字,包含标题和正?#27169;?#25105;们使?#20040;?#23567;、粗细、?#22270;?#36317;的不同来区分标题和正文。在?#30475;?#30340;文字排版上,记得在卡片的内边沿四周留出一定的白,千万不要把文字贴着卡片的边沿。

第二个例子,?#30475;?#30340;?#35745;?#21345;片。
第三个例子,如果我们需要在?#35745;?#21345;片上做文字的标注,那就用一个白色遮罩,再在遮罩上面写字。

阴影

Material Design 的第三个核心概念是阴影。可以这样讲,没有阴影就没有 Material Design 。前面提过, Material Design 在PPT中的应用的优势是能够突出空间感、层次感,而这种空间感和层次感就是通过应用阴影来达到的。
讲讲阴影的参数设置,这是最关键的。有三个值基本是不变的,首先颜色是纯黑,然后大小是100%,最后角度是90°,90° 就是阴影朝正下方投出的意思。透明度我一般会选择70%~85%之间,模糊度我一般选择15磅到20磅,距离从3到15我都试过。数值不固定,看具体需求。
我在这页PPT上给了一个参数搭配的例子和效果图,大家可以参考一下。

层的概念

我们先想象一下,在生活中,如果我们有一叠卡片,是不是有的卡片在上面,有的卡片在底部,而在上面的卡片会挡住底部的卡片。
如果大家有使用过 Photoshop ,或者经常使用PPT中的?#25226;?#25321;窗格?#20445;?#37027;你一定知道更清楚我想讲的东西。那么在 Material Design 中同样存在这样层的概念,在这里,每一个元件就是一个层,层与层通过阴影来表达它们之间的空间关系。

大家看一下该?#35745;?#24403;几个卡片叠加在一起的时候,通过阴影来表达出层次感,我们可以很清晰的看到标题一这个卡片在最顶部,标题四卡片在最底部。

字体选用

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

文字使用标准

标题的行距使用1.15~1.2倍行距,正文使用1.3~1.5倍行距,具体的数值还是根据具体情况确定;
标题的颜色设置为无透明的黑色,就是所谓的纯黑,而正文的颜色则设置为15%~25%的透明度。怎么选择带有透明度的黑色?选择文本后点击工具栏的更改字体颜色,然后选择“黑色 淡色25%”。
另外一款字体会有多个?#31181;兀?#20363;如思源黑体就有 Heavy、Bold、Medium、Regular、Light等7款?#31181;?#30340;字体,大家可以根据应用场?#25226;?#25321;不同的?#31181;兀?#20363;如我在标题上使用了 Bold,在正文上使用了 Regular,在备注上使用了Light。

图标

一份好的PPT里或多或少都会用得到图标,而在 Material Design 中对图标的使用也有严格的规定。
为了简单、直接的传达信息, Material Design 规定使用扁?#20132;?#30340;图标,禁止使用拟物化的图标。
同样的,网上有Google 官方的图标套件,可以使用官方的图标套件也可以使用其他的,只要是扁?#20132;?#30340;即可。还需要注意的是,在一个PPT请使用一整套图标中的原件,?#21592;?#35777;风格统一。

颜色

接下来讲颜色,那么 Material Design 是有官方的专用色板,所以如果你想打造一份正宗的 Material Design PPT,请在官方色板中取色。
在色板中,每种颜色都有不同的饱和度,也就是我们平常所说的颜色的深?#22330;?#26681;据官方的调色规范,我们使用500饱和度的做主色,700饱和度的做辅色,300饱和度的用来当显示信息的背景。
而一份PPT中应该用几种颜色呢?某位PPT达人建议不超过4种颜色,我建议选用2~3种颜色,毕竟颜色太多的话就很难驾驭,而且容易变得很low。
像我这份PPT,基本只用了500饱和度的蓝色和500饱和度的粉色。
如果你要从中挑取3种颜色,挑哪3种呢?其?#30340;?#38543;便挑3种都很好看,真的,不信你就试一下,不过记得饱和度要对应就是了。

如何制作一张卡片

首先插入形状,选择圆角矩形,然后选中圆角矩形,右键打开设置形状格式,接着?#20040;可?#22635;充,一般都是用白色填充,然后线条选择“无”。
第三步呢就是设置阴影啦,阴影怎么设置参数我也在课件中给出了参考的数值,如果你确实不懂得如何搭配参数,你直接使用我的参数也可以。

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

案例制作

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


因为 Material Design 讲究层次感,所以我们首先要把层次区分出来。放在最底部的是?#35745;?#36890;过观察,那么?#35745;?#20854;实只用了一种效果,就是阴影。参数我是这样设置的,颜色纯黑,透明度 80%,模糊 20磅,这都没什么好说,但我在“大小”这里使用了“103%”的数值,当我们调整“大小”这里的数值,阴影会朝着四周去扩散。所以这时候“角度”这个参数就不起作用了。
然后倒数第二层是一个卡片,效果也只是用了阴影,参数也不讲了,前面讲过两次了。最后顶层的是文本内容,在这里我们只需要把文本,按照设计的四大基本原则排列好就可以了。
到这里,这一页PPT我们已经做出来了。我们应用到的知识点是:卡片、阴影、和排版的基本原则。

大家不妨?#19981;?#21435;动手实践一下。

本文作者:【伯健君PPT】

原作者:伯健君PPT 微信号:bojianjun2017 自?#25945;?#22823;咖进驻

您可能感兴趣的文章

发表评论

移动版扫一扫关于我们联系我们版权声明

PPTfans.cn (PPT设计教程网) ?2012-2020 · 沪ICP备09094377号-1 · 基于Wordpress · 由peaterq设计&制作 ·网站标签 · 订阅鄂公网安备 42050602000108号

扫一扫有困难加站长微信
购买咨询电话021-34551883
技术交流QQ群120381181
疑?#35328;?#30151;找站长遇到困难,找站长!
欢乐骰子乐在线客服