怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?

怎样将扁平化的设计理念融入到ppt的制作中?需要什么技术要求? pptorgoogle drive里面的设计软件?
关注者
123,418
被浏览
5,227,169

218 个回答

2014.4.14内容首发 | 2016.3.7内容更新 | 2017.7.10内容更新 | 未经本人同意不得转载

虽说未经本人同意不得转载吧,但这三年多来我总是莫名其妙地能在别的地方看到自己的回答,还有朋友特意转给我看的,而这些地方从来都没来向我本人询问过转载事宜,感觉好尴尬。我是没什么心力去追踪这些事情,被转被抄的也见得不少了,挺闹心的,希望大家都能自觉遵守吧,wink~(2017.7.10更新)

以下是正文:

从写下这篇回答到现在也有将近2年的时间了,回头望去,真是惨不忍睹目不忍视啊,痛苦地捂脸。留言我都看了,批评得很有道理。我觉得不能再放任自己懒下去了,该动的时候还是得动起来,不然多误人子弟啊。

我觉得制作PPT最重要的一点是条理清晰,其他的手段都是为了达成这一目的而服务的。为什么这么说呢?想想我们通常是在什么样的情况和场合会使用PPT?大致列一下:工作汇报、商务谈判、产品演示、品牌/产品发布会、员工培训、教学课堂等,一般是相对正式的场合。

在这些情况下,把意思表达清楚就显得尤为重要,毕竟别人没有时间也没那个耐心来忍受你逻辑不清的胡言乱语。

而在这里之前,我们可能还会面对两种情况,一是对方没时间听你讲解,因此这份PPT他是需要用眼睛看的;二是对方有时间在现场一边看一边听你讲解,那么此时PPT更多是作为辅助角色出现,来配合你的讲演。

这两种情况下我们要做的PPT是不太一样的。前者要做得较为详细,因为…除非是对待八卦,否则以大多数人的尿性,对待PPT这样事物,他们的脑补功能都是不太乐意启动的。后者可以做得相对简略一些,尽量减少文字的比重,不然多像念稿子啊,那场面还是蛮尴尬的。

而谈到配色问题,看腻了五颜六色高饱和度磁贴你会觉得纯色简直如一股清流,连呼吸都顺畅了许多;而总是素净的性冷淡风格有时候也未免失了点热闹的人气。所以呢,光一套模板是很难适配多个场景的。

我原来那版黑白配五彩就是个灾难片,后文有链接,2017.7.10更新。

那在题主的这个问题下,我们还是回到制作本身吧。

———————— 首先是制作前的准备工作,我们需要思考几个问题 ——————————

1、明确我要做什么,即本作的主题和内容; 2、我是否已准备好充分的素材? 3、我所写的内容是否切合主题? 4、这份PPT的用途和使用的场合是什么?对象是谁? 5、采用什么样的风格来表现最合适? 6、采用什么样的尺寸、色调、字体? 7、欢迎补充。

PS:思考顺序不一定按照这个来哦,按你习惯的来就好,2017.7.10更新。

—————————————做好之后,再用以上问题复查一遍 ————————————

纵观全文,我的思路是否清晰?逻辑是否合理?对整体效果是否满意? 当然最最重要的,制作的时候千万别忘了保存、保存、保存!请务必记得要保存啊!!!

————————— 以下为制作过程,灾难现场重现,请好孩子们不要学 ————————

这个PPT讲的是跟扁平化相关的东西, 那么我希望视觉呈现也是扁平化的,以达到形式和内容的统一.

如果想要把“扁平化的设计理念”融入到PPT制作中去,那么我们首先得对“扁平化”有点儿了解.

很多时候我们说不清概念本身,因为概念并非一成不变,超出一定的范围可能就是谬误.

但为了便于记忆和阐释,我们会用一些关键词来标注它.

如上图所示,我选了“二维、抽象、简洁”这三个关键词,并使用了图形和底色. PS:这三个关键词仅作示意,并不绝对,欢迎探讨~

那么,在我们对“扁平化的设计理念”有了一定了解之后,可以采用哪些方式去达到“扁平化”效果呢?

要细分起来真的可以说很多,我们挑重点的几个讲讲吧.

我们可以从以上三个方面去指导PPT的制作过程并进行测试,看看最终的效果是符合还是背离. PS1:看不清的话可以点击大图查看具体文字内容(下同). PS2:鉴于我们本次的主题是设计,因此其他的不做展开.

为什么在色彩部分提出了“点线面构成”呢? 因为在制作时我们必须面对PPT这个平面,并对它进行解构和再创作. 而在扁平化设计里,色块是非常重要的组成部分,它们本身就能转化成点、线、面,构成格局,撑起整个平面.(PS:但后来我发现,色块并没有想象中那么重要……自打脸= =)

在文字处理上,我们的要求只有一个:统一. 统一的目的是为了画面的清爽,让信息以最有效的方式呈现,并快速传达给观众,避免不必要的干扰.

PPT里用到的图片主要分为两种:背景图、内容图(必要的插图、图表等). 用来当做背景的图,为避免信息冗余,我们可以对其进行模糊化处理,从而突出文字信息. 如果是内容图,单张的相对好处理,一旦图片数量多了不好好排列就会非常杂乱. 另外还有一点需要注意,在多张图片的呈现上,整体色调的把握也非常重要.你可以玩撞色玩渐变玩灰调,只要看起来不要太可怕就行.

最后,在“扁平化设计”这个名词本身就存在争议的情况下去谈论如何达到扁平化,总觉得有点悬,但居然也絮絮叨叨地说了这么多(捂脸).


以上,希望对题主有帮助.

————————————— 以下是对部分问题的统一回复 ——————————————

1、字体的保存

PPT传给别人后怕字体变掉怎么办?第一步:点击左上方的“文件


第二步:点击左下方的“选项


第三步:点击“保存”→“将字体嵌入文件”这个选项打√→选择嵌入的方式→点击“确定

一般选第一种嵌入方式就可以了,第二种方式会使得文件变得比较大,主要还是看你的需要了~

PS:有人问这个箭头是什么软件做的,答案就是——QQ截图!= = 孩子啊,如果你平常挂QQ的话,顺手试一试就知道了,很好用的,我不骗你。


2、全文字体设置

如何在制作前就快速统一全文字体?你可以在“设计”→“变体”→“字体”中进行设置,也可以自定义字体:


自定义字体:


3、PPT尺寸设置 就在“变体”的隔壁“幻灯片大小”(见上上图),一般默认标准(4:3)和宽屏(16:9),可自定义。


4、彩蛋声明(2017.7.10更新)

曾经有一套14年做的彩蛋,不过现在看来内容和形式都已经落伍,我就不放送了。

所以不用再留言和私信咯,我是不会回哒。

嗯,我就是这么坏(良善的微笑)。


5、旧版PPT

最开始做的版本,这配色是不是相当可怕?不知道误导了多少天真善良的孩子……虽然现在做的也没好到哪里去啦……11是背景图,自己拍的;12是色值。

知乎日报上的案底,有兴趣可戳:把你的幻灯片以漂亮的方式「拍扁」(多图)(2017.7.10更新)


6、资源推荐: 1. pinterest.com/ (Pinterest) 2. huaban.com/ (花瓣) 3. topit.me/ (优美图) 4. yestone.com/ (邑石) 5. 58pic.com/ (千图) 6. quanjing.com/ (全景) 7. uisheji.com/ (UI设计) 8. xiaba.shijue.me/(视觉中国下载吧) 9. uisdc.com/ (优设) 10. findicons.com/ (图标搜索引擎) 11. colrd.com/ (配色) 12. pptstore.net/ (牛人聚集,果断收藏) 13. weibo.com/208235676? (我爱PPT的微博) 14. flatppt(嘉文钱的微信号)(他写的《PPT扁平化风格设计手册》教程超棒的!强烈推荐!)(我答完后的某天去仔细看了一遍他的教程,觉得自己好蠢啊居然这么晚才去看!) 15. PPT100(幻方秋叶PPT的微信号)(可以学到很多PPT制作的技巧) 16. qiuziti.com/ (找字体) 17. easyicon.net/ (图标下载) 18. zcool.com.cn/ (站酷)

(本来资源推荐我真想慢慢填的,但是我这种懒人怎么会做这么勤奋的事呢?上面这些网站里,有些连界面都改过很多次了,新的网站也层出不穷,自己去探索会更有趣哦~ )

(2017.7.10更新)


关于PPT的设计技巧,DukingWen搬运的内容总结得很好,答主刚来时DukingWen的是最高票,但不知道为什么被折叠了,建议大家去折叠区看看,那份答案很值得收藏。

最后我想说的是,实战型的PPT和理论型的PPT,还是有区别的,很难一一讲述。多看多想多练,你会找到自己的方向的。我也一直在路上,摸索着前进。一起努力吧~

每份留言我都有看,恕不能一一回复,总之,谢谢坚持看到最后的每一位~ 新年快乐~


咱们江湖再见!

作为一位PPT发烧友,也帮别人做过几百份扁平化风格的 PPT,有一些经验跟大家分享一下。这些经验少有人知,但绝对超好用!


-------------------------------------------

废话不多,咱们直接进入正题。

不知道你有没有想过,为什么有些人做的扁平化PPT是这个样子:


而你做的扁平化 PPT 是这个样子:

或者是这样:


为什么会产生这么大的差距呢?
丑逼 PPT 应该如何逆袭成为帅逼呢?

本文就从以下 3 个方面来跟各位传授经验:

  • 形式篇(快速做出扁平化 PPT 特征)
  • 设计篇( PPT 高大上设计指南)
  • 资源篇(善于使用 PPT 辅助神器)


另外,为了帮助你更好的制作PPT,我收集了30套优质职场商务风PPT模板,高质量可编辑,点击此处一键拿走】。

一 如何快速做出扁平化 PPT 特征?

先说第一个方面:如何快速做出扁平化 PPT 特征?


1、色块使用

最大的特征是:色块的使用,而且不要为色块添加乱七八糟的效果,像阴影,倒影,立体等。


1.1 在纯色背景上直接插入色块,作用是为了对内容进行相应分类,以凸显层次,这一点大家一定要记着,不是平白无故地随意使用色块。

下面这两张是微软官方的一份 PPT 案例:




1.2 当需要在全背景图上写字时,如果背景素材过于复杂,比如下图这样的,可以考虑添加透明色块,以防止文字看不清楚的状况。

下面这张是微软官方的 PPT 封面案例:

下面这张是我和别人合作为京东制作的幻灯片的封面:

大家可以看到,如果我把透明色块去掉的话,文字的表现力就会减少很多:


1.3 如果幻灯片中的图片不能铺满全屏,而我们还需要写字时,同样可以考虑插入色块。这时候,色块的作用就是为了构成视觉平衡。



同样是京东的那份案子:


试想,如果去掉左边的色块,把文字变成黑色,会是什么样呢?看起来是不是有点左右失衡的感觉?


以上,就是色块在扁平化 PPT 中的3种常见用途,那么,如果你不知道如何调整色块的透明度,可以看看下面的这个步骤:



2 素材使用

2.1 多使用象征化的图形,如果不是必要,尽量不要使用立体的,实物素材。

还是微软的案子,留心这里面使用的图标:



这是魅族 PRO5发布会的案子,象征化的手机:


乐小宝的案子,使用的象征化人物和沙发:

有人可能会问,这些象征化的素材是怎么做出来的呢?这里介绍两种方法。

a、利用幻灯片形状的布尔运算,概念的名字有点装逼了,说白了也就是这几个功能。



比如咱们就来做一部手机,左边是一个成品,右边是用到的所有「原材料」,在一个紫色形状上分别剪除3个白色形状,即可。


这是第一种方法,手工制作。

b、网上下载。

哪些网站可以下载到小图标呢?

Iconfont-阿里巴巴矢量图标库,这个网站提供的全部是扁平化图标,可以自定义颜色,非常好用。

比如咱们在这个网站上寻找手机素材:



可以看到,so many 多的手机图标:



比如随意挑选一个,换个颜色:


点击下载即可,而且是无白色背景的PNG格式。

图标下载,ICON(PNG/ICO/ICNS)图标搜索下载,这个网站提供了很多类型的图标,有扁平的,拟物的等,而且支持中文。

比如咱们搜索手机:

随意找一页:


还有这样的类型:


基本上是完全够用了。

当然,类似的网站还有很多,可以看我的这篇回答:

感兴趣的朋友可以去看看,都不用翻墙。

另外,为了帮助你更好的制作PPT,我收集了30套优质职场商务风PPT模板,高质量可编辑,点击此处一键拿走】。

2.2 除了象征型图标外,有些时候还需要一些精美的配图,该去哪找呢?

比如这一张 PPT 的配图:


还有这一张配图:


这一张我也非常喜欢:


去哪找呢?

给大家推荐几个我比较喜欢的站点:

全景网络_中国最大的图片库和图片分享网站,全景网上有很多不错的商务范儿的素材,偏场景化,生活化。


Free Images - Pixabay,这里面提供的素材非常多,类型也非常广泛,而且质量很高。


搜素材 - 站酷 (ZCOOL),站酷是我国老牌的设计师交流网站了,上面素材的质量不用多说。


Free Stock Photos,这个网站提供了很多高质量且免费,可商用的图片素材,对于没钱的我而言,非常喜欢。


还有一些网站,就不详细展开说了:

Eput.com - My Photography 千库网_免费背景图片素材下载_banner背景图片素材 最出色的摄影社区,500px,这个是中国版的,不用翻墙。

当然,网站虽多,合适的才是最好的。

另外,为了帮助你更好的制作PPT,我收集了30套优质职场商务风PPT模板,高质量可编辑,点击此处一键拿走】。

3 字体使用

尤其是制作扁平化风格 PPT时,由于很多时候,文字是写在色块内的,所以,尽量不要选择衬线字体_360百科,那样会显得很拥挤,没有空间感。

而如果你对字体选择没有概念的话,最好使用微软官方提供的,适用于扁平化风格设计的字体:

中文字体一般选择微软雅黑:


如果你不喜欢使用微软雅黑,那么其他和雅黑类似的非衬线字体也可以。像以下几种:


还有像兰亭黑体系列:


思源黑体系列,点这里可以获取下载:思源黑体 简体中文版||

这些都是比较适用于扁平化 PPT 设计中的中文字体。

英文字体一般选择 Segoe UI



4 配色

在其他风格的PPT制作中,色彩3种之内就可以,但扁平化 PPT 由于需要使用到很多色块,所以,就会使用到更多种类的色彩。

Flat UI 这个网站提供了一些扁平化设计配色的规范,并且提供了一些配色卡,可以参考使用。


另外呢,还有一些配色工具,可以帮助你进行更好地配色,比如像Material Design Color Palette Generator,这是Material 风格配色,也可以应用到 PPT 配色中。

比如,我们选择了紫色为主题色,那么,相应地,就会提供一整套配色方案。


Color Hunt这个网站也不错,提供了很多的色卡:


当然,这些配色工具毕竟是程序写成的,只能给你提供一定的帮助,真正想搞定配色,还需要靠个人能力。

以上,就是扁平化 PPT 制作中,常见的表现形式以及设计方案。


二 PPT 高大上设计指南

接下来,说第二个方面:PPT 高大上设计指南。

虽然上面说了扁平化 PPT 设计的特征,但大家要清楚一件事情,那就是没有颜值的 PPT,不会被人说成是扁平化风格,只会成为他人眼中的脏乱差风格。

所以,在这一部分,就跟各位分享一些提升 PPT 颜值的经验。

1、排版

其他答案中有提到过设计的4原则,但对于小白用户而言,我认为作用不大。咱们倒不如这样来思考,面对很多文字的 PPT 页面,我们应该如何来解决?

比如咱们现在要对这个页面来进行排版:


相信,很多人头一眼看到这样的 PPT 时,是懵逼的。

那怎么来排版呢?

第一步,拆解。

把一整段的文字内容,按照观点相近性原则,分成小的部分。


就拿上面的文字内容来举例,咱们可以分为 3 个部分:

现在基本上可以看出层次了,但缺少的是美观性,以及重点不突出。那怎么办呢?

第二步,提炼小标题,突出重点。

现在,我们可以一眼看出来,关于如何学好英语的3个观点。

第三步,美化。


最简单的做法就是更换字体,排列对齐。



那么,如果我们结合前面讲过的,关于扁平化 PPT 的特征,来做一页扁平化 PPT 试试:

OK,搞定!

2、一致性。

无论是扁平化风格的 PPT ,还是其他任何风格的 PPT,都需要遵循一致性原则。

这是微软介绍OFFICE 2013时制作的 PPT :


这份 PPT 看起来是不是特别的干净整齐?而整齐一致的背后,是由以下3个方面构成的。

a、字体类型不要超过3种。一般来说,1-2种是最为合适的。


像我接触到的一些企业,比如联想,京东等,他们的 PPT 甚至规定只能使用微软雅黑这一种字体。

因为同一份 PPT 中,使用的字体多了,一方面会增加识别成本(每一种字体都有不同的字形),另一方面,字体使用过多,也会分散观众对内容的关注度。


我们看到,即便是官方的 PPT ,也是只使用了微软雅黑这一种字体。



b、色彩不要太杂乱。


虽然在扁平化风格 PPT 中需要更多种类的色彩,但要注意,不要让幻灯片各色彩之间的跨度过大,过明或过暗都不行。


我们可以看到,这3行色彩的明度是不同的,从第一行到第三行,明度越来越暗。




那么,当我们进行配色时,就需要在同一行中来选择色彩,这样,就能避免跨度过大的问题。

c、背景尽量保持干净,而且一致。

先给大家看个反例:


先不论设计上的美丑,咱们只看背景。

这个背景虽然保持了一致性,但看起来非常的不干净,那么,即便你内容做的再好,也避免不了廉价感。

那,怎么办呢?

建议尽量选择纯色。


纯黑或纯白也是不错的选择,能实现背景干净与一致性的统一。

为了你们可以更好的学习PPT,我收集了30套优质职场商务风PPT模板,高质量可编辑,感兴趣的朋友,可以下载下来,慢慢研究:点击此处一键拿走】。


3、封面设计。


我之前在公众号和知乎专栏zhihu.com 的页面上写过一篇文章,PPT封面设计的万能公式,套用即可做封面!总结了 PPT 封面设计的一些常见模版样式,可以让你轻松做出不错的 PPT 封面。

在这里给大家简单举一个例子,深灰色代表背景:


咱们就拿这个模版,来套用,随便做一张 PPT 封面:



4、尾页设计


可以参考我之前写的这篇文章:PPT 最后一页写什么结束语既得体又能瞬间提升格调? - 邵云蛟的回答


最后一部分,跟各位分享一些能帮你提升 PPT 制作效率的辅助神器。

1、在线信息图表制作工具venngage.com/

信息图表最近两年挺热门,但对于一般人而言,很难做出像样的信息图表,所以,不如借助这个现成的工具。


操作步骤也很简单:

第一步,先选择一个相应的模版。(还有很多,在此不全部列举)



第二步,进入工作台,进行相关数据和元素的编辑:


第三步,点击下载,不过是按月付费。


2、多图片排版神器。


不知道你是否看到过这样的PPT:



或是这样的PPT:


按照传统的方式,在一页PPT中整齐地拼接这么多的图片,并且尺寸相同,真的是一件很困难的事情。不信的可以尝试下(由于我曾为多家科技企业做过发布会PPT文件,多次碰到过这样的事情,真的不是件容易的事情)。

但如果你有了这款神器——图片组合,那么这个问题就迎刃而解了。

打开软件界面,会提示你选择相应模版:



选择了模版,会进入这样的界面,你可以对任何参数进行自由调整:


操作很简单,认识汉字就能完成相应图片组合。

最后附上好友李俊做的一张案例:


3、Tagul - Word Cloud Art

这是我知道的,唯一一款支持中文的文字云工具。

这是其操作界面,虽然是英文的,但都很好理解,左边从上到下,依次是文字,形状,字体,布局,色彩和下载。


这个地方是上传文字的:


来看个成品:



4、PPT 专用压缩软件。

这是一个专门用于压缩 PPT 大小的工具,强大之处在于,压缩率最高可以达到98%。

什么意思?举个例子来说吧,一个100M的PPT文件,经过这个神器压缩过之后,会变成2M,你知道这是什么概念吗?

我做了个实验,源文件大小有41.5M:


压缩后变成了1,74M,我的天哪!



5、常用办公文件格式在线转换神器,Smallpdf.com

很多时候,我们在网上下载的文件是 PDF 格式,这时候,我们都知道,不能对其进行编辑,但如果你能把它转换为 PPT 格式,就能看到文件的各种图层和参数设置,并且随意编辑。




6. PPT遥控器。


大家都知道,当站在台上进行演讲时,需要根据演讲的节奏来配合着去翻页,一些专业的舞台都会配备PPT翻页笔,大概也就是几十块钱。

但,更多的场合是不会配这个翻页笔的,也就是说,演讲者需要通过鼠标或键盘自行翻页,这就不爽了,那么有没有一款软件可以解决这个问题呢?肯定是有的。

而且这样的软件很多,我曾经搜集过网上很多的工具,但体验都不是很好,没有较大的创新,知道我遇到了百度做的一款翻页工具——PPT遥控器,我顿时觉得,这才是我真正想要的工具,棒极了。

网址是:PPT遥控器



这款软件之所以有亮点,是因为它只需要在电脑端下载即可,手机上不用再一次下载(市场上其他同类软件需要下载两个客户端)。

当你在电脑下载之后,打开软件,提示你用手机扫码:

ap.baidu.com/pptctrl/? (二维码自动识别)


扫码后,即可使用:


虽然百度作恶多端,但是这款软件还是很不错的,操作简单,体验也相当不错。

以上所有神器,如果你想要尝试,我也给你准备好了安装包,领取方式如下:


三 PPT制作的一些小技巧

文章的结尾处,给大家补充几个 PPT 制作中必知的技巧。

1、增加撤销次数。

PowerPoint这款软件默认可撤销次数为20次,也就是说,你可以回到20步之前的操作,但有些时候,这远远不够,那么,我们可以在软件中,修改这一参数,最大可实现回到150次之前的操作。

点击【文件】,找到【选项】,在高级中设置即可:



2、文件加密。

对于像我一样,经常需要帮客户制作 PPT 的人而言,这个功能不可不知。一方面我们需要让客户看到你的作品,另一方面,又不希望他修改或者赖账。怎么办呢?

第一步,点击文件,另存为,选择保存地址。



第二步,请注意,关键点来了。

选择工具中的【常规选项】:

我们会看到这个界面:



我们在修改权限密码那里,输入密码,但不要在打开密码那里填写,否则,别人就打不开了。

第三步,也是非常关键的知识点。

一定要选择保存为 【PowerPoint放映】,否则,别人也是打不开的。



然后,选择保存,即可。

3、一键替换字体。

顾名思义,这个功能的作用就是一键将幻灯片中的所有 A字体替换为 B字体,在【开始】选项卡中的,【替换】功能可以找到。



4、smartart功能的多重应用。

在幻灯片中,smartart应该算是一个被严重低估的功能,我们都知道在 smartart里面有组织架构图的样式,但一个个的添加未免太慢了,这里有一个小技巧是,把smartart反着用,你会爽翻的。

在介绍技巧之前,咱们看看什么叫正着用:


正着用就是先插入smartart,再添加文本和其他形状(因为默认样式智能输入5个)。

那么反着用是什么意思呢?


就是,我们先插入文本,然后转化为smartart。

怎么用呢?首先,我们需要新建一个文本框,在里面写上所有职位,然后调整段落级别,选中文本,按tab键即可:


然后,选中右边那个文本框,咱们可以在开始选项卡中看到转换为smartart这样一个功能:



点一下,看看能出现什么:

如果这时候,我们要给老板添加一个秘书,怎么办呢?

选中老板那个形状,在添加形状那里,选择添加助理:



我们看看效果:


是不是反着来用smartart比正着更省力?

而且,用smartart来进行排版,也是一个很不错的选择。

比如咱们插入这样一个样式:

然后,输入相关内容,稍微更换一下色彩,就能做出不错的排版:

5、特殊字体嵌入。

可以参考我在公众号上写的这一篇,基本总结完了。
如何把字体嵌入到PPT文件中?


关于扁平化风格 PPT 制作,以上就是我的一些经验,以后想到了还会继续补充。

写了半天,快饿死了,吃饭去。


如果你想学习更多PPT知识,可以看下我的其他回答,都很干货,比如:

另外,如果你想要做出更加美观的PPT作品,我为你准备了一份学习资源:包含60页常用PPT版式手册,85页PPT设计灵感手册,45页PPT内部分享课件,领取方式如下:


辛苦原创码字,觉得不错,记得点个赞哦