怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?
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. https://www.pinterest.com/ (Pinterest) 2. http://huaban.com/ (花瓣) 3. http://www.topit.me/ (优美图) 4. http://yestone.com/ (邑石) 5. http://www.58pic.com/ (千图) 6. http://www.quanjing.com/ (全景) 7. http://www.uisheji.com/ (UI设计) 8. http://xiaba.shijue.me/(视觉中国下载吧) 9. http://www.uisdc.com/# (优设) 10. http://findicons.com/ (图标搜索引擎) 11. http://colrd.com/ (配色) 12. http://www.pptstore.net/ (牛人聚集,果断收藏) 13. http://weibo.com/208235676?from=usercardnew (我爱PPT的微博) 14. flatppt(嘉文钱的微信号)(他写的《PPT扁平化风格设计手册》教程超棒的!强烈推荐!)(我答完后的某天去仔细看了一遍他的教程,觉得自己好蠢啊居然这么晚才去看!) 15. PPT100(幻方秋叶PPT的微信号)(可以学到很多PPT制作的技巧) 16. http://www.qiuziti.com/ (找字体) 17. http://www.easyicon.net/ (图标下载) 18. http://www.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、在线信息图表制作工具https://venngage.com/
信息图表最近两年挺热门,但对于一般人而言,很难做出像样的信息图表,所以,不如借助这个现成的工具。
操作步骤也很简单:
第一步,先选择一个相应的模版。(还有很多,在此不全部列举)
第二步,进入工作台,进行相关数据和元素的编辑:
第三步,点击下载,不过是按月付费。
2、多图片排版神器。
不知道你是否看到过这样的PPT:
或是这样的PPT:
按照传统的方式,在一页PPT中整齐地拼接这么多的图片,并且尺寸相同,真的是一件很困难的事情。不信的可以尝试下(由于我曾为多家科技企业做过发布会PPT文件,多次碰到过这样的事情,真的不是件容易的事情)。
但如果你有了这款神器——图片组合,那么这个问题就迎刃而解了。
打开软件界面,会提示你选择相应模版:
选择了模版,会进入这样的界面,你可以对任何参数进行自由调整:
操作很简单,认识汉字就能完成相应图片组合。
最后附上好友李俊做的一张案例:
这是我知道的,唯一一款支持中文的文字云工具。
这是其操作界面,虽然是英文的,但都很好理解,左边从上到下,依次是文字,形状,字体,布局,色彩和下载。
这个地方是上传文字的:
来看个成品:
4、PPT 专用压缩软件。
这是一个专门用于压缩 PPT 大小的工具,强大之处在于,压缩率最高可以达到98%。
什么意思?举个例子来说吧,一个100M的PPT文件,经过这个神器压缩过之后,会变成2M,你知道这是什么概念吗?
我做了个实验,源文件大小有41.5M:
压缩后变成了1,74M,我的天哪!
5、常用办公文件格式在线转换神器,Smallpdf.com
很多时候,我们在网上下载的文件是 PDF 格式,这时候,我们都知道,不能对其进行编辑,但如果你能把它转换为 PPT 格式,就能看到文件的各种图层和参数设置,并且随意编辑。
6. PPT遥控器。
大家都知道,当站在台上进行演讲时,需要根据演讲的节奏来配合着去翻页,一些专业的舞台都会配备PPT翻页笔,大概也就是几十块钱。
但,更多的场合是不会配这个翻页笔的,也就是说,演讲者需要通过鼠标或键盘自行翻页,这就不爽了,那么有没有一款软件可以解决这个问题呢?肯定是有的。
而且这样的软件很多,我曾经搜集过网上很多的工具,但体验都不是很好,没有较大的创新,知道我遇到了百度做的一款翻页工具——PPT遥控器,我顿时觉得,这才是我真正想要的工具,棒极了。
网址是:PPT遥控器
这款软件之所以有亮点,是因为它只需要在电脑端下载即可,手机上不用再一次下载(市场上其他同类软件需要下载两个客户端)。
当你在电脑下载之后,打开软件,提示你用手机扫码:
http://ap.baidu.com/pptctrl/?id=429fad1ff259deb2707e10d10c8ad05f&st=1439384497_18386 (二维码自动识别)
扫码后,即可使用:
虽然百度作恶多端,但是这款软件还是很不错的,操作简单,体验也相当不错。
以上所有神器,如果你想要尝试,我也给你准备好了安装包,领取方式如下:
三 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内部分享课件,领取方式如下:
辛苦原创码字,觉得不错,记得点个赞哦