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

不知道你有没有想过,为什么很人多的扁平化 PPT 是这个样子:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
或者是这样:

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

然而,还有一小撮人的扁平化 PPT 却拥有那么高颜值:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
为什么会产生这么大的差距呢?
丑逼 PPT 应该如何逆袭成为帅逼呢?

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

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

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

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

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

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
下面这张是我和别人合作为京东制作的幻灯片的封面:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
大家可以看到,如果我把透明色块去掉的话,文字的表现力就会减少很多:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
1.3 如果幻灯片中的图片不能铺满全屏,而我们还需要写字时,同样可以考虑插入色块。这时候,色块的作用就是为了构成视觉平衡。

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

同样是京东的那份案子:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
试想,如果去掉左边的色块,把文字变成黑色,会是什么样呢?看起来是不是有点左右失衡的感觉?

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
以上,就是色块在扁平化 PPT 中的3种常见用途,那么,如果你不知道如何调整色块的透明度,可以看看下面的这个步骤:

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

2、素材使用。

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
乐小宝的案子,使用的象征化人物和沙发:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)有人可能会问,这些象征化的素材是怎么做出来的呢?这里介绍两种方法。

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这是第一种方法,手工制作。

b、网上下载。

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

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

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

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
点击下载即可,而且是无白色背景的PNG格式。

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

比如咱们搜索手机:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)随意找一页:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
还有这样的类型:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
基本上是完全够用了。

当然,类似的网站还有很多,像:

Icon Search Engine
Icon Archive
Icons & Icon Packs
proIcons.com
扁平图标
iOS Icon Gallery
Iconfinder - 900,000+ free and premium icons

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

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

比如这一张 PPT 的配图:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
还有这一张配图:

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

这一张我也非常喜欢:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
去哪找呢?

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

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

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

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

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

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

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

Free Stock Photos,这个网站提供了很多高质量且免费,可商用的图片素材,对于没钱的我而言,非常喜欢。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
还有一些网站,就不详细展开说了:

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

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

3、在字体使用。

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
如果你不喜欢使用微软雅黑,那么其他和雅黑类似的非衬线字体也可以。像以下几种:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
还有像兰亭黑体系列:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
思源黑体系列,点这里可以获取下载:思源黑体 简体中文版||

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)这些都是比较适用于扁平化 PPT 设计中的中文字体。

英文字体一般选择 Segoe UI 

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

4、配色。

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
另外呢,还有一些配色工具,可以帮助你进行更好地配色,比如像Material Design Color Palette Generator,这是Material 风格配色,也可以应用到 PPT 配色中。

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
Color Hunt这个网站也不错,提供了很多的色卡:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
当然,这些配色工具毕竟是程序写成的,只能给你提供一定的帮助,真正想搞定配色,还需要靠个人能力。

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

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

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

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

1、排版。

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
相信,很多人头一眼看到这样的 PPT 时,是懵逼的。

那怎么来排版呢?

第一步,拆解。

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
就拿上面的文字内容来举例,咱们可以分为 3 个部分:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)现在基本上可以看出层次了,但缺少的是美观性,以及重点不突出。那怎么办呢?

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)现在,我们可以一眼看出来,关于如何学好英语的3个观点。

第三步,美化。

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)OK,搞定!

2、一致性。

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

这是微软介绍OFFICE 2013时制作的 PPT :
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这份 PPT 看起来是不是特别的干净整齐?而整齐一致的背后,是由以下3个方面构成的。

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

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

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

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

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

b、色彩不要太杂乱。

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

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

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

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

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

先给大家看个反例:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
先不论设计上的美丑,咱们只看背景。

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

那,怎么办呢?

建议尽量选择纯色。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
纯黑或纯白也是不错的选择,能实现背景干净与一致性的统一。

3、封面设计。

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
咱们就拿这个模版,来套用,随便做一张 PPT 封面:

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

4、尾页设计。

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
操作步骤也很简单:

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
第三步,点击下载,不过是按月付费。

2、多图片排版神器。

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

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

或是这样的PPT:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
按照传统的方式,在一页PPT中整齐地拼接这么多的图片,并且尺寸相同,真的是一件很困难的事情。不信的可以尝试下(由于我曾为多家科技企业做过发布会PPT文件,多次碰到过这样的事情,真的不是件容易的事情)。

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
选择了模版,会进入这样的界面,你可以对任何参数进行*调整:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
操作很简单,认识汉字就能完成相应图片组合。

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

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

这个软件可以在我的公众号【旁门左道】回复关键词【组合】即可下载。

3、Tagul - Word Cloud Art

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这个地方是上传文字的:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
来看个成品:

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

4、PPT 专用压缩软件。

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
压缩后变成了1,74M,我的天哪!

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

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

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

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

6. PPT遥控器。

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

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

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

网址是:PPT遥控器

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
扫码后,即可使用:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
虽然百度作恶多端,但是这款软件还是很不错的,操作简单,体验也相当不错。

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

1、增加撤销次数。

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

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

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

2、文件加密。

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

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)我们会看到这个界面:

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

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

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

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

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

然后,选择保存,即可。

3、一键替换字体。

顾名思义,这个功能的作用就是一键将幻灯片中的所有 A字体替换为 B字体,在【开始】选项卡中的,【替换】功能可以找到。怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

4、smartart功能的多重应用。

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
正着用就是先插入smartart,再添加文本和其他形状(因为默认样式智能输入5个)。

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
然后,选中右边那个文本框,咱们可以在开始选项卡中看到转换为smartart这样一个功能:

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)如果这时候,我们要给老板添加一个秘书,怎么办呢?

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

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

我们看看效果:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
是不是反着来用smartart比正着更省力?

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)然后,输入相关内容,稍微更换一下色彩,就能做出不错的排版:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)5、特殊字体嵌入。

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

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

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

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

文中提到的工具,可在我的公众号【旁门左道】回复【神器】,或【组合】等关键词进行下载。

另外,本文使用的相关 PPT 案例也可以在公众号中进行下载。

最后,如果你想学习 PPT 制作,可以关注我的微信公众号【旁门左道】,篇篇原创。

另外,我的这些文章应该对你也有帮助。

如何让 PowerPoint 幻灯片「高大上」? - 邵云蛟的回答
有哪些制作好 PPT 的习惯? - 邵云蛟的回答
PPT 模板的下载资源有哪些? - 邵云蛟的回答
如何做好PPT演讲?
哪些网站可以真正帮你提高PPT设计水平?

7833赞同反对,不会显示你的姓名
2014.4.14 发布 | 2016.3.7更新彩蛋声明 | 未经本人同意不得转载

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

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

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

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

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

而谈到配色问题,看腻了五颜六色高饱和度磁贴你会觉得纯色简直如一股清流,连呼吸都顺畅了许多;而总是素净的性冷淡风格有时候也未免失了点热闹的人气。所以呢,光一套模板是很难适配多个场景的。【我原来那版黑白配五彩就是个灾难片,但又懒得做新的,咋办?】

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

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

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)这个PPT讲的是跟扁平化相关的东西,
那么我希望视觉呈现也是扁平化的,以达到形式和内容的统一.

如果想要把“扁平化的设计理念”融入到PPT制作中去,那么我们首先得对“扁平化”有点儿了解.
很多时候我们说不清概念本身,因为概念并非一成不变,超出一定的范围可能就是谬误.
但为了便于记忆和阐释,我们会用一些关键词来标注它.
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)如上图所示,我选了“二维、抽象、简洁”这三个关键词,并使用了图形和底色.
PS:这三个关键词仅作示意,并不绝对,欢迎探讨~

那么,在我们对“扁平化的设计理念”有了一定了解之后,可以采用哪些方式去达到“扁平化”效果呢?
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)要细分起来真的可以说很多,我们挑重点的几个讲讲吧.

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)我们可以从以上三个方面去指导PPT的制作过程并进行测试,看看最终的效果是符合还是背离.
PS1:看不清的话可以点击大图查看具体文字内容(下同).
PS2:鉴于我们本次的主题是设计,因此其他的不做展开.

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)在文字处理上,我们的要求只有一个:统一.
统一的目的是为了画面的清爽,让信息以最有效的方式呈现,并快速传达给观众,避免不必要的干扰.

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

最后,在“扁平化设计”这个名词本身就存在争议的情况下去谈论如何达到扁平化,总觉得有点悬,但居然也絮絮叨叨地说了这么多(捂脸).
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
以上,希望对题主有帮助.

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

1、字体的保存
PPT传给别人后怕字体变掉怎么办?第一步:点击左上方的“文件” ,如下图:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
第二步:点击左下方的“选项”,如下图:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
第三步:点击“保存”→“将字体嵌入文件”这个选项打√→选择嵌入的方式→点击“确定”,如下图:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)一般选第一种嵌入方式就可以了,第二种方式会使得文件变得比较大,主要还是看你的需要了~

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

2、全文字体设置
如何在制作前就快速统一全文字体?你可以在“设计”→“变体”→“字体”中进行设置,也可以自定义字体:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
自定义字体:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
3、PPT尺寸设置
就在“变体”的隔壁“幻灯片大小”(见上上图),一般默认标准(4:3)和宽屏(16:9),可自定义。

4、彩蛋
彩蛋是一套特别闹的PPT,14年做的,当时是团队内部培训用的,内容嘛其实槽点也蛮多,领导让一天时间赶出来,好嘛,那我只能通宵了啊,第二天感觉人特不舒服请假去医院一查,尼玛,心脏早搏!从此我的人生里又多了一种病……当月还有同事心脏动脉破裂吐血而亡这种事我会随便说?讲真,能少加班还是尽量少加班吧,身体要紧。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)此PPT现已解封。想要的可以留言或私信,我会发送到各位的邮箱。
彩蛋声明:只发送放映文件(.ppsx),不发源文件(.pptx)的哦!

5、旧版PPT
最开始做的版本,这配色是不是相当可怕?不知道误导了多少天真善良的孩子……虽然现在做的也没好到哪里去啦……11是背景图,自己拍的;12是色值。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
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/ (站酷)
(更多待补充,慢慢填……)

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

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

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

————— 本文所有的槽点都可以在评论中与你所想的相逢,欢迎移步评论区 ————

咱们江湖再见!

25K赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)胖子邓 ,活着,爱着,写着。

===============

更新日志:

2015-5-23 回答了评论区大家的一些问题:字体,字体嵌入,版式比例等

2015-5-26 进阶篇添加了:几何图形和透明度的运用

2015-12-04 隔了半年看这个回答,发现当时答得很杂,很多事情都没有说清楚。我最近将在设计杂谈 - 知乎专栏中更新相关的内容,欢迎关注。

注:

谢谢点赞与各位评论区手动点赞的朋友们,恕不能一一回复,见谅~

===========

来来来我来给大家些绝对实用的干货~

我觉得从观念上,最重要的事情就是要意识到PPT就是排版设计的一个系列作品。因此无论用什么东西,都要记住,风格统一一定是重点。

其实排版设计这件事,并没有大家想的那么复杂,最难的其实是内容。而扁平化其实是相当好操作的一种一学即会的设计。

废话不多说。进入干货。

似乎应该加上一句:前方多图预警!多图预警!!!!这不是演习!!!流量党请速速撤退!!!!!!!!

初级篇——扁平、纯色

这一部分主要是为大家速成准备的,至少做出来的PPT不会太难看。

第一件事:(如果允许的话)比例调成16:9

再说一次:比例调成16:9

大家可能觉得这不是必要的。这确实不是必要的,但是!!!对于尚不熟练的人来说绝对是加分项。

人类对于和电影银幕这种长度比例差不多的东西有天然的好感。

你要知道这是,希,腊,人,设计神庙时的比例。

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

如何设置?点设计→幻灯片大小就可以了!就是这么简单!

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

剩下的还有三件事情:

选图标,选字体,选颜色

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

我们一件一件地来讲:

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

嗯直接发链接咯:图标下载,ICON(PNG/ICO/ICNS)图标搜索下载

比如我搜“用户”,嗯有了:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)就是这么简单直接粗暴。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)首先,请download足够多可以让你选择的字体,比如我基本下载了全套方正字体:

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)当然我们经常下载中文字体而忘了也要下载西文字体,其实西文字体才是各种美哭好嘛!!!!

嗯因此一定谨记:下载西文字体,下载西文字体,下载西文字体!!!

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)以后不要傻乎乎只会用艺术字了啊乖……这些都是字体直接有的效果!!!

嗯下面的也是= =

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)这个条形码也是…………

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)字体在手,一生无忧!

=============================
根据知友建议,把字体链接删了。。。。
关于字体版权抱歉= =
不过我把我常用的且非系统自带的英文字体贴一下~
AMGDT
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

Code Light

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

Futura Std Light

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

Adobe Hebrew

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

Angsana New

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

Niagara Solid

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

Bell MT

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

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

Cleanwork

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

Origram

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

Anastasia

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

Bauhaus 93

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

Berlin Sans FB Demi

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

Charlemagne Std

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

Nouvelle Vague

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

Dotchaos

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

Braille

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

Null Free

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

Pump Demi Bold LET

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

Modern plate

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

KiloGram

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

Modo

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

Dokyo

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

VAL

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

solgas

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

JI Hidden Vines

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

PROMISES BROKEN DREAM

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

C39HrP36DlTt

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

PlAGuEdEaTH

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

Roughwork Demo(这个字体只适合大写用)

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

Urban Jungle

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

Death From Above

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

CarbonType

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

Calligraph421 BT

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

Edwardian Script ITC

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

Freebooter Script

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

Kunstler Script

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

Palace Script MT

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

Mekanik LET

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)以及这个应该没有没有违法吧答主是法盲的如果有问题请告知立删_(´ཀ`」 ∠)_

顺便说一张图一张图地截真的好辛苦_(´ཀ`」 ∠)_

==============================

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)这一部分,不用去记怎么搭配RGB通道,不用去思考冷暖色调,只需要记住一个网站:NIPPON COLORS

这个网站美哭……它提供配色,相近色,而且还给出了RGB值…………欧欧欧有图为证!

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

还可以有这种炫酷的3D……原谅我经常玩这么个网页就玩了半个小时……

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)嗯你完全可以靠你的眼睛决定颜色搭配了!

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

到目前为止,准备工作就绪!可以开始做PPT啦!

神马???你问怎么用背景图片!???

答案是:鳖用了!如果你是初级,仅仅是从网上下载一个和主题毫不相关的图片,那么尼玛为什么不用纯色!

在排版设计上,只有两个简单的原则:

在一张ppt上,使用字的大小和加粗而不是字体来区分重点!

当你觉得整体面不平衡时,请使用线来稳定面!

以下举一个简单的例子。

比如这是一张PPt白板:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)首先,思索一张ppt上放多少内容。最终的结论是,这么多的内容需要拆分在两张ppt上。

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

(大家可以看到,本来这帧是完全可以在4:3的尺寸里放得下,但是留一个边都会变得好看许多)

图标是前面我们讲到的,左右排版一学即会,当你觉得文字过多,一下子放上去看着很头痛时,用我刚刚说的:用线稳定面!为了保持平衡,再在左侧也加一条线,就大功告成了。

复制第一帧PPT,直接把字塞进去,第二帧ppt就出来了,嗯就是这样。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)为了有突出,把重要的标点符号(在这里是引号,逗号、分号、句号同理),选择大的字号就可以了。这也就是刚刚说的原则:使用字的大小和加粗而不是字体来区分重点!

还要记住最重要的一点:风格统一!!!!在这种纯色系里,要保证的是:颜色选择不要差太大!尽量保证每帧所用颜色都一样!

嗯至于更深入的排版和动画,我们在进阶篇里讨论。

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

进阶篇——风格尝试和动画(未完)

在这个阶段,就需要完全地把ppt当做平面设计来做了。图片什么的等我有空来讲。。。

=====================
更新!!!2015-5-26
看到这么多赞不更都不好意思了………………
其实呢,没有更的原因一半是傲娇,一半是不知道应该怎么讲……
因为动画的部分,技巧太杂了,而且如果不用视频很难讲出来,所以这一部分我就还是不讲吧。
以下讲讲所谓的“风格”。

这一部分呢,其实可以发挥的东西就太多了,因为风格这种东西,就是每个人做有每个人的特色,所以还是比较难讲的,不过我尽量讲一些共性的,可以一学就会的。这一部分就以案例为主:

老规矩,从简单的讲起:今天呢,就主要讲两件事情——几何图形和半透明的运用
透明度
设置很简单的,点你要调整透明度的图或框,设置形状格式:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)具体来看有什么用吧:
1.在设置标题的时候可以用一定透明度的模块覆盖:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)嗯,中间这个矩形框就是这么设置的
(很丑勿喷只是举例……实在是太懒)
好吧鉴于上一张图实在太丑我还是另外加一点点工,当做一个案例给大家好了——
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)这样是不是高洋上了很多?我早就说了嘛,很多时候就是颜色的问题~
你们一定问:可是我不会PS啊!
可是我根本没用PS啊!!!!
再说一遍:我根本没用PS啊!来来来看过来:
双击你要调整的图片,然后左上角调颜色→再调色温就好(但是PowerPoint只支持调整一次,如果要多次调整,就另存为,再打开调整):
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)如果你想逼格很高,也可以这样:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)好吧其实这个应该放在初级讲的……anyway反正大家学到知识就好= =
2.可以使得做的ppt比较小清新:比如随手弄了这么个模板:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)右边即透明度设置:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

顺便再讲一个选择颜色搭配的技巧:

有时候在选择颜色搭配的时候不知道哪些颜色相近,搭配起来好看,

一个很简单的办法就是:设置了底色之后,文本框随意选一个看上去还不错的颜色,然后通过调节透明度来观测哪个比例的颜色混合不错。

2.如果你把几何图形和半透明用在一起,就有意想不到的效果

这是今天帮同学做的ppt,当她给我的时候ppt是这样的:怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)你们知道我的表情是这样的:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)不过把它变成了这样:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)是不是好看了许多~

这就是我要讲的重点——

看到没有!!!用好透明度是不是有一种美美哒的感觉!再改一下颜色工作就完成了!

几何图形和透明度搭配绝对是美美的!

再比如她给我这帧:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)我的心情是:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)但是稍稍调整就可以变成这样:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)虽然还是不美但是是不是好了很多~(主要因为有点歪而且局部没有处理好)

比如这一个她当初给我的时候是这样的:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)我的感受是:

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

但是单用矩形图案,仍然可以让ppt不至于这么丑:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)好吧我其实就是为了给你们讲解专门把每一帧都用的几何图形不一样……你们做的时候千万不要这样!!!!

好今天就更到这里,都要两点了/(ㄒoㄒ)/~~我要睡觉觉了ღ(๑╯◡╰๑ღ)

=======================

高级篇——随心所欲(未完)

可以看看这个视频:designed by apple in california(PPT临摹版)(这个其实在技巧上完全算是高级了,但是还是欠缺真正能一下就打动人的东西。)

这一部分,我觉得最好的学习素材是:专辑封面,和杂志

因为大小合适,好处是学了可以立马用。当然海报也非常好,只是可能你更需要学到其精髓。

先占坑。以后慢慢填。

总之这一部分想讲的其实是:PPT到最后,还是凭一些创意的。

给大家先看专辑封面、杂志,以后来更:

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

比如平面化,也可以做到这样:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)字体也可以做到这样:


怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)(图片来自网络,侵权立删)

总之进阶和高阶部分呢………………哼。集齐赞再来更。(再让你们看一遍如此傲娇脸)

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

码字略慢请见谅。。。赞都骗了好多坑都挖了好久了……不过放心我一定慢慢填坑的!
让我先回答一些知友的问题好了:
1)16:9投影仪4:3对不上啊
我不是说了嘛,如果允许的话……不允许那就乖乖用4:3咯= =当然我们学校的投影仪也是4:3的,可是我还是经常用16:9呀……就是上下会留黑边而已呀……我觉得还挺好的(●´∀`●)
2)显示器上看颜色不错,但到了投影仪上会很难看
这一点确实,所以要慎用浅色调,我通常的解决办法是,把觉得最合适的颜色调深一些,这样在投影仪上放出来的效果就差不多了
3)关于字体:不会再发链接咯= =不过会把每种字体对应名字贴出来
以及记住在其他电脑上放的时候一定要把字体嵌入啊!!!
嵌入方式:
点左上角文件→选项
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)勾选将字体嵌入即可~

10K赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)郦橙锦妖一只麋鹿 ,产品锦鲤 | CMUer | 关注我专栏呀
// PPT好看不是万能药,清楚,有用是最重要的,环境和情况不同,这种风格未必适用,自己考虑啦。
// 之所以用大图,是因为这样简单粗暴,比手绘快n倍。

--以下正文--

我举几个栗子好啦,好像没有扁平到win phone的程度,不过总体还是扁扁哒。

1. 找张好图,用半透明衬底,灰色细字。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

2. 找张好图,用一种主题色,多用灰阶少用纯黑。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

3. 找张好图,保持主题色和极细字体,不用三角形箭头,多用灰阶。(这张是同学做的)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

4. 找张好图,这张有点类似杂志排版,很好看但是不推荐ppt上太多字。(图是我找的,这张依然是同学做的)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

5. 主题色,如果内容太少就用一个接近透明的背景图。(同学做的)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

6. 死盯一个主题色,图表作为陪衬出现,重点的三个圆要大,字要明显。(Google Doc排出来就是丑一点,请不要介意)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

7. 内容太多的时候用色块将左右分开。(Google Doc排出来就是丑一点,请不要介意)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

8. 找张好图(这四个字终于又出现了),配个白色logo。怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

9. 找张好图,配个白色字。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

10. 找张好图,巧用半透明黑,结尾页呼应开头页。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

总结起来就是——找张好图,减少颜色。

以上所有设计,保留最终ppt好不好最终还是要看内容,设计好看只是锦上添花不能雪中送炭,祝大家越做越好~

另,我个人不是很喜欢在ppt里用icon,因为大部分能找到的icon都是设计给手机app或者网页的,都比较小,放大了以后有点别扭。

那么问题来了,怎么找素材?
没看过我这个答案嘛?如何让 PowerPoint 幻灯片「高大上」? - 郦橙锦妖的回答

---更新---

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
就是喜欢深红色和浅灰~

---更新---

还是找张好图。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
保持颜色简单&换个字体。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

1026赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)vetcha ,平面设计/建筑设计
更新日志:
5月17日:添加字体部分,题图页修改。
————————————————
这是一个针对最高票答案的反对贴。

或许已经没人在乎这个2014年的老坟,但有些话不吐不快:
引用知乎网友 @四咩 的一段话:

设计,和其它任何领域一样,是有很高的专业壁垒的。

遗憾的是,和人文社科等领域类似,多数知乎网友们在但凡自己能插上嘴的领域,都会选择无视这些壁垒。

这里,是指排名第一的2W赞答案。
我不在乎那些赞是怎么来的,我只是觉得我不能看着这类「乱讲」被冲上各位的时间线,误导大家设计的方法。

PPT作为信息媒介,最重要的是易读性高辨识度。作为辅助演讲的工具,PPT的核心是使观众一眼即可辨认清楚画面上的文字与图片,从而能跟随演讲者的节奏吸收信息。
这是PPT,不是美术课作业。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)像这种逼格十足的字体,我真的不敢苟同观众们能够一眼认出是要表达什么内容。

这种字体也是好用的,在哪里好用?在海报上。平面传播媒介中,海报是最适合用这类字体来提高美观度与逼格的。

而用在PPT中,只会出现你在台上演讲,台下的人都去努力辨清屏幕上的炫酷字体,而忘掉了你在说的话。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)盲文和条形码不是正规字体,不要随便放到PPT上去。

关于答主的设计:

答主拿来做修改范例的图
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
左边是原稿,右边是答主自己满意的修改稿。
不客气地讲,左边要比右边的好。

真的。

修改后在色调上更统一,风格也达到了扁平化,看似是优秀的改变,但认真看,在易读性和辨识度上真的达标了吗?

  • 重叠的菱形以及高饱和度的相似色大大增加了人眼识别内容的负担,菱形的作用是提示位置,答主反客为主让其做了主角;
  • 箭头指向很难看清;
  • 作为整个图面的主题“Subprime crisis”完全淹没于众多字符中,毫无对比。

如果真的想要这个菱形与这种风格,可以在易读性上稍微改一下
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

  • 中间的“Subprime crisis”对比的明显一些;
  • 箭头指向强化;
  • 作为辅助的菱形取消重复,并把色调压下去。

当然,这么做仅能让它变成一个及格的PPT页。要想美观,还是重画吧。

二:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)用构成分析一下是这样的
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)看图面设计

  • 有对比吗?

有,但少且不明显:
标题过小,与正文对比不够大;
主段落也缺乏节奏,让人看不下去。

  • 有对齐吗?

有,但不够且逻辑性不强:
主段落与附录有逻辑上的对齐关系,但标题完全被独立在外;
大脑的图形作为一个辅助性质的小图,被放到了过于重要的位置
作为辅助线的红线与整个图面的主颜色完全脱离,错误地吸引眼球。

  • 而且

那些融在背景里的圆圈儿,只会干扰信息的获取,对图面的美观度没有什么帮助

稍作修改是这样
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
在图面的设计逻辑上,就要工整许多。而且,重点一目了然。

这个问题是

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

所以,前提是,这得是一个幻灯片演示文稿,而不是一个创意美术课作业;里边包含的所有信息都是给人阅读的,不是炫酷的绘画。
而答主的问题就是在于一昧追求高逼格,忽略了PPT的本质,更何况,展示出来的设计基础也不过关。

另外,关于PPT比例的问题:不尊重放映环境的强行16:9都是耍流氓。

永远记得,这不是创意美术课作业,这是PPT。

批判结束。

————————
我想,必须放一些干货 来感谢怀着满满的耐心看到这里的你了。

一 、关于背景
对于幻灯片而言,重要的是信息及文本的高辨识度。
所以对于背景图片,绝对不能对重要信息传达有任何影响。

那么,如何在保证信息准确完美传达的基础上,正确而美观的使用背景?
先看这张图:怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
能辨认清楚上边的字吗?绝大多数人都能;
能很快且轻松地辨认清楚图片上边的字吗?绝大多数人都不能。
为什么?
字体和背景图片接触的位置,都有很多明确的、很亮的「硬边缘」。
这些「硬边缘」交织在一起,就像辨认森林里的树叶一样,很难辨认字体的边缘了。
如何区分背景图案和字体的边缘?
以下两种方法可以在保证信息可读性的基础上让幻灯片更加美观:

  • 将字体边缘与背景图案边缘做出明确的明度区分,从而凸出文字。

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

  • 模糊背景,从而消隐背景中的硬边缘,只保留字体的边缘。怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)现在,在保证背景美观的前提下,绝大多数人都能很快且轻松地辨认清楚幻灯片上的信息了。

二、关于文字
有了好看的背景,现在该考虑,怎么排列搭配背景之上的内容才能让自己的PPT出彩了。

  1. 文字排版

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这是最经典最稳重的居中排版示例,推荐在16:9的演示比例下使用。
原则是主标题字重要大,副标题相应字重要轻一些。中间为凸显元素之间的对齐关系可依个人口味酌情添加分隔线。

当图面比例更改为经典4:3的时候,仍然使用居中对齐有时会显得过于正经与呆板,这时可更改图面排版方式,使整体活跃起来。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)在这个示例里分隔线变得必要起来,因为它强化了主标题与附加内容里的对齐关系。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)不要小看对齐手法的运用,它可以很大程度上加强元素之间的逻辑关系与图面的整体感。
另外,在演讲用幻灯片中,大部分情况下,同一张幻灯片上出现文字过多是很不好的,就好比把演讲的稿子亮出来给大家看一样,整个儿降低演讲吸引力。
不过有一种情况是可以例外的:引用。
在引用别人说过的话或者书里的词句的时候,可以将引用部分展示至幻灯片页。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这时可以起到强调作用。

2.字体
正文里边提到过,字体必须要有好的辨识度,在这之上,才能谈美观。那么什么样的字体是合适用在幻灯片上的呢?
黑体系:
从微软雅黑开始,中文字体大概就进入了大骨架的时代。有人说之所以字怀变大是因为前期的显示分辨率较低,增大骨架可以占用更多像素,增加显示效果。虽不知真假,但蛮有道理的样子(笑)。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)所以黑体系的字体我更推荐雅黑系的字体。

  • 思源黑体:

Adobe与Google联合开发,Adobe家叫Source Han Sans,Google家叫Noto Han Sans,其实是一样的。
开源字体,不需要经过授权与购买,而且美观易用程度不输其他黑体,所以算是正文字体一个很好的选择。比较正式的幻灯片建议使用。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

  • 微软雅黑

相较微软雅黑,思源黑体有更好,但我更推荐微软雅黑作为普通幻灯片的正式字体——这要牵扯到Powerpoint这个软件的问题:放映端PC上没有已制作好的PPT内字体的话,PPT内文字会被替换为放映端PC内的基本字体(大概是宋体),显示效果会大打折扣。虽然可以用「嵌入字体」来解决以上问题,但较大的PPT文件打开会变慢很多,在不稳定版本上甚至会出现崩溃现象。如求稳妥,建议使用微软雅黑。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

  • 其他黑体

其他答主的推荐,诸如「汉仪旗黑」「方正兰亭黑」之类常用黑体,由于个人审美,不认为比「思源黑体」高到哪里去,且使用需要购买获得授权,故在此不作推荐。

衬线字体:
在标题页或者一些需要显示出不同字体效果的场景下,黑体显得不够用。在此推荐一下其他衬线字体以丰富幻灯片的图面表达。
原则:要切合演讲主题和易读。
这是平时会用到的两个字体。

  • 方正粗黑宋

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
许岑使用过的幻灯片字体

  • 汉仪菱心体

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)用在题图页也蛮好用

  • 另外一些,推荐有PS基础的朋友使用

例如——移轴模糊 
曾经做过的一个餐饮建筑汇报的题图。
原图:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)处理后:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
补注:移轴模糊的目的是使一侧的主题图片辅助另一侧的标题文字表达主题。所以需要一些处理使文字与背景图片协调:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)主要思路将背景图片的亮度压下去,右侧部分的对比度调高。

另外说一句,关于PPT中图片的选用,该话题下的很多其他优秀答主已经给出了许多国内外网址资源,这里不再狗尾续貂。
但是,千万不要从百度图片搜索寻找漂亮好看的图片素材。

————————
(待更新)

3767赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)王赫 ,专注教育
===========2015.12.29更新===========

刚结束考研,一年没来知乎写答案了,今天把之前大家有疑问的地方和不足之处重新整理一下。

本答案思路借鉴 TEDx_罗子雄:如何成为一名优秀设计师

我们先来看一下比较极端的作品,没错!就是咱们老师上课用的课件!

随便在网上找了两张

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这些恶心的PPT有什么样的特点?

剪贴画,滥用背景模板,艺术字,突兀的色块形状,行云流水般的字体......太多了

我当时就觉得!他们是怎么做到能把PPT做的这么丑!

让我来!

我在我大学里第一个PPT处女座......我做了整整一晚上!

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
然后做出来了这个东西(当时班级要搞旅游)

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
做完之后我觉得很!好!看!我觉得我自己原来是这方面的天才!

......原谅我的天真

那么是为什么?为什么这么丑的PPT我会觉得好看呢?为什么很多人做出来的作品明明很丑,却又很满足?

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
我认为,是因为我们的审美能力还不够,不知道到底什么是美,也没有观察美得习惯。

举个例之,就 2015 年初而言,国人的审美大体处于一个什么样的水平? - 生活肥肥猫的回答

这里只引用几张图片

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
冷静一下......当然是有些夸张,但是很形象的反映了我们当前所存在的问题。

那么,我们要如何改变这种现象?怎么样提升自己的审美能力呢?

这就是我今天第一个要讲的:看

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
我们需要看大量的作品,而且是大量的优秀作品。

那么,都看些什么呢?

你要看优秀的PPT

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
出自Simon阿文的作品

你要看优秀的海报设计

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

你要看优秀的摄影作品(随便找了一张)

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

你要观察生活中的创意设计(随便找个相关的,可能不是很具有代表性,还是Simon阿文的作品)

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
当然类似的作品有很多很多,需要大家自己去发掘

那么?去哪里找这些作品呢?

LOOK!

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
以下是各种链接,我是大自然的搬运工......

微博:
Simon_阿文的微博
嘉文钱的微博_微博
PPTSTORE的微博
PPT设计前沿的微博
微博有什么用?他们会经常发一些优秀的作品,当然很多是为了盈利,但是你可以把你喜欢的作品保存下来,经常看一看,而且,你要看他们这些优秀的设计师关注的东西,同样的去关注。
图片:
设计师找图片素材,有哪些较好的网站可推荐? - 图片搜索
你平时在哪找免费的图片素材? - 设计
大杂烩:
设计师网址导航 这里面什么都有!

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
当你看了很多优秀的作品,并且最好能把他们放在特定的文件夹里,这是对你提升审美能力最好的方法。

如何证明自己审美能力提高了呢?

回顾自己一个月之前收集的作品,如果......你发现自己以前好像是个瞎子,居然能看上那么丑的作品!那么恭喜你!你已经很大程度提升了你的审美,第一阶段应经完成,可以开始着手去做了。

最起码!你不会再做出这种东西!

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)或者觉得他很好看......

那么第二阶段,你要知道一个PPT他由什么元素构成,我需要学习哪些方面的知识,也就是接下来我要讲的“基本元素”

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
首先看一个比较有代表性,简单一点的PPT

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
我要讲得元素内容都在上面有所体现(我是学园艺的,这是专业课的作业)

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
从宏观上来讲,PPT由封面,目录(可不要),内容,结尾构成。

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

先讲一下封面,看看下面几个封面

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
看看有什么共同之处?怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
我很喜欢简单的封面,用简单的色块去构造而不是运用图片,当然这只是我个人的习惯,大家可以借鉴一下。
需要注意的是:封面决定了整体的风格和颜色,接下来每一页的主颜色最好是从封面中提取,这样显得很有系统性,你的元素(线条,色块等)也最好选择封面所提供的。

目录的话我就不多讲了
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
例如

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
再看一下结尾

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
最好和封面保持一致(省事)

接下来从微观角度具体讲一下,他的基本元素

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
所指的衬线就是小时候练字的那个“顿笔”,最好选用无衬线的字体

推荐:(在设计师导航网址都有下载)
微软雅黑
方正幼线
方正兰亭
方正细园
自己可以多多接触选择一下

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
善用色块,同时注意简单扁平,如今PPT里面的内容大都是由色块组成的

例如:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这个需要自己动手多多联系

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
有人会很头痛图片要怎么添加?加入图片会显得很突兀,不协调。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
可以随便打开一张图片放上去,添加一个长方体的色块,两者拼在一起,色块的颜色取决于图片的主色调。就像第一个狗牙根一样。如果不知道怎么去做可以向下面这样最简单的方法:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
会显得不那么突兀......

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这两个自我介绍你更喜欢哪个?

再看看下面的图片

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
能用图标形象生动的代替文字的含义,能突显你想表达的含义。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
有人问我图标在哪里搞?

去下载一个叫“PPT美化大师”的插件

安装之后会出现右边的选项

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
点第四个 “形状”

搜索关键字,就会出现相应的图标,这样就可以应用编辑了

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

还有

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
强力推荐!SmartArt

接下来说一下,大家都比较在意的有关画面美感的问题

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
色彩的搭配,这个软件很实用,建议下载

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
软件的具体操作我就不说了,看到喜欢的颜色搭配可以保存下来,在以后自己制作PPT的时候可以借鉴

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
对齐对比这个大家都应该知道

那么讲到这里,我相信,大家对于扁平化的PPT多少有些了解。但是,如果,现在让你去制作一个PPT的话,你会发现,自己根本无从下手。

你要实践,练习!

如何练习!这是我要讲的第三部分:“模仿”

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
模仿一整套PPT,从最简单的地方开始模仿,就拿下面这个例子来讲

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
在模仿的过程中,你会去思考,去想这个复杂的图片是由什么构成的,会思考原来一个简单的色块居然作用这么大,你会找到自己喜欢的模式,去试着添加自己的想法。这就是进步,这就是创新。

当你模仿久了,你就会形成自己的风格,不再需要模仿,而是你自己的想法。你所谓的原创作品开始形成......

模仿对于初级者很重要,看教程顶个屁用,你不去做永远都不会提高。

最后,说两句鸡汤。

希望不要盲目跟风,寻找自己的风格才是重要的,而且要有创意

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

也不要太过注重PPT,他只是一个工具,别忘了你还有演讲的内容和你的口才

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

就讲到这里,谢谢
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

一年没学习了,我要开始闭关修炼了!

下次,PPT进阶版,尽请期待!

1356赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)Hindy ,头上长角
本题中那些破千破万的回答设计水平实在太糟糕了!选的图简直惨不忍睹!只有几位设计师的答案才是真正的优秀,尤其是 @Mingke Luo 的回答。

我完全可以关掉这个网页,当做什么都没看到。但作为设计师突然觉得有义务修正这些糟糕的答案,不让更多的人被荼毒,以为这就是「好看」。

好了,地图炮也放完了,正文开始罢。

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

前言:本文将从设计的角度出发,概述如何制作一份美观、具有设计感的 PPT。文章的主要内容会涉及基础的平面和 Mothion 设计。但本文不会具体谈论过多设计理论和风格,亦不会傻瓜式地教导如何使用工具及软件。

一、在打开软件制作之前必须要知道的 3 件事

1. 关于 PPT 的泛用性目的

首先要确定的是,PPT 是为演讲服务的(也包括对内外的小型讨论、演说)。人们鲜少会像盯着一本书一样去「阅读」你的 PPT。因此,相比考虑如何让 PPT 漂亮这事,策划内容和练习演讲等更为实质、重要。这一点可千万别本末倒置,以为 PPT 做得好看,就算成功了

2. 哲学三问:这份 PPT 做给谁看?为什么要做?要写些什么?

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

· 第一问:做给谁看?

如果你不知道自己做的东西是要给谁看的,你怎么做东西?就像医生不知道病人得的什么病,当然就无法对症下药。如果是大型产品发布会,那么对象就是「现场媒体、观众」;如果是公司内部讨论用,那么对象就是「内部上下级同事或领导」;如果是公司对外的策划案,那么对象就是「客户大人」。因人不同、因地不同,内容和设计可能也会随之不同。

· 第二问:为什么要做?

我们做 PPT 应当有的放矢,带动听者的情绪,直击问题的中心。它可能是为了让人愿意买我们的产品,可能是为了让客户选择我们的方案……有这样一个大方向牵头,然后 PPT 的内容再围绕其展开。这样做一方面可以更准确地理解这个方案写出更优质的内容,另一方面避免了在写内容的过程中,展开过多,跑题严重,最后导致演说时听者不知所云。

· 第三问:要写些什么?

确定了自己的「目标用户」和「产品目标」就可以来策划内容了。我并非专业的策划和广告人,因此在这就不说太远。自己的一个小想法:也许可以用头脑风暴的方法来制作内容。也就是通过思维「发散」到「汇聚」的过程,来创造内容。(有人对此感兴趣的话以后得空会具体写一篇。)

3. 做了就要利用好!

这是我真的要说的一点,怎么使用 PPT?

很多人会直接丢一个题目给方案策划者,说我要什么方案,你什么时间给到我。这就完了……等 PPT 完成后,他直到最后要开会或见客户了才匆匆看下,甚至可能 PPT 里写了些什么都不熟知,更不要提预演练习了。这种人,也就跟着 PPT 的内容临时发散,可能前页说的到了后页就被打脸了……

演讲者应当与内容撰写者一样甚至比他还要熟悉 PPT。PPT 主要是为了让他人更清晰地理解你们的想法并加深印象,而不是用作你的提词器。

我的观点是,既然做了 PPT,就要利用好!

二、如何制作有设计感的 PPT 单页

PPT 从结局来看是一个整体,但我们可以把 PPT 的每一页当做一个新媒体形式的平面设计作品,想要设计得美观确实是需要一些基础平面知识。我在这部分会通过一些示例来进一步说明,方便大家理解学习。

1. 突出重点、去掉无用的装饰

PPT 单页的视觉层级要鲜明,语言要精炼。在视觉设计上,装饰性的元素不宜过多,要让人一眼就看到重点。在文字描述上,要使用通俗、精简、有说服力的文字。让我们来看几个例子:

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

(示例1,图片来自 @陌君 的回答:http://www.zhihu.com/question/21274267/answer/24458201

我们看下这两张有什么问题。首先最明显的就是色彩主题不统一。封面是黑白,但后面的内容页却使用了彩色的大色块。另外封面的背景有些不明所以,还干扰了标题这个重点。而大标题将 PPT 三个字单独一行也不妥,阅读(瞟)起来有断裂感。然后像内页里「如何达到扁平化」上方的图标也是多余元素,我仔细推敲才发现可能是为了对应下方的「四个设计要点」?

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

(示例1_修改后)

我重新选择了一种视觉风格来修改这两页(之后的示例会尽可能用不同的风格,供更多朋友选择和参考)。

可以看到,我使用深色背景,去掉多余元素后,「高端」的感觉立马起来了。但是在使用「黑色」作背景的时候,可以不用纯黑,因为那样会显得单调死气,可以适当加入一些色彩的纯度。然后仔细观察右图的修改,可以看到我将「色彩」、「文字」、「图片」字体放大,视觉上比标题「如何达到扁平化」更重,而原图则相反。这是因为通常下面的内容才是重点,标题提问只是为了引出下面的回答。而原图的第一视觉中心却是那个问题,有点错误理解了内容的重要性。

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

(示例2,图片来自 @邓佳佶 的回答:http://www.zhihu.com/question/21274267/answer/48153925

这位作者回答中提到要下载各种「奇怪」的字体,大家千万别被误导了!先不说用在商业上会有版权问题,为了保证易读性,我们通常要使用越清晰简单的字体越好。尽量不要使用像左上图那种本身就有很强设计风格的字体,会严重干扰易读性。右图的宋体还好一些,根据需要可以放心使用。另外,为了保证统一,一页 PPT 中尽量不要使用超过 2 种字体,一份文档中尽量不要使用超过 3 种字体。

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

(示例2_修改后)

依旧使用简洁的风格,但这次是浅色背景。字体还是选用了基础的「苹方」搭配「San Francisco」。这两套是搭载在 iOS 9 系统上的新字体,大家可以在苹果的开发者页面下到,但苹果未授权商用。其他没什么,就是大家要注意对齐……包括物理上和视觉上的。

2. 基础设计 4 原则:亲密性、对齐、对比、重复

这里的 4 原则源自 Robin Williams 的《写给大家看的设计书》。这是一本非常适合大众学设计的入门书,我在这简单阐述下这 4 个原则,如有兴趣推荐大家购买阅读。

· 亲密性

亲密性原则旨在将存在联系的元素相互靠近,组合成一项一项,令画面更加有序。

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

左图是非常酷的随机排序咳咳,虽然很酷,但我们却无从知晓到底该从哪开始阅读。当我们需要展示某些信息的时候,需要像右图那样,认真将内容组织排序、对齐。相近的元素要相互靠近,不管是视觉上相近还是内容上相近。

· 对齐

让元素更加有序。

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

左图三个信息完全没有对齐,显得非常无序。右图将信息左对齐,并且将「小标题」与正文相对靠近,令阅读起来更有秩序。

· 对比

使用强烈的对比可以强调信息层级,令人关注到设计师希望突出的重点。

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

当我们希望突出某个信息的时候,一定要加强对比。像左图那种小小的对比,是很难达到对比的视觉效果的。因此,大胆使用「对比」,让画面更有主次。

· 重复

重复可以简单解释为「统一感」,但重复更加刻意强调。比如通过重复品牌元素达到统一视觉,加深人印象的作用。

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

重复不一定是某种视觉元素的重复,也可以是文字样式的重复。左图存在的问题就是两个标题、段落的样式都不一样,感觉非常「凌乱」。右图将文字字号、颜色等作了统一,看上去就有秩序多了。

运用好这基础的 4 原则,相信大家都能快速制作出相对优秀、美观的 PPT 或设计作品了。

3. 受欢迎的数据图表

如果你看过苹果的发布会,相信你会非常喜欢它们演示的 PPT,而其中最值得一提的就是他们经常引用大量数据。

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

数据可以令你的内容更具信服力。而数据图表则更能直观地展示这些数据,通过可视化呈现。

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

4. 通过设计让 PPT 具有某种风格而不是花里胡哨!

这里可能比较考验手头功夫和对设计的综合把握能力。还是通过示例来分析下罢。

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

(示例3,图片来自 @王赫 的回答:http://www.zhihu.com/question/21274267/answer/33657235

我们可以看到这位作者是有针对性地在设计 PPT 的风格。但是因为综合的设计能力不够出色,因此实际输出效果显得有些粗糙,主要是色彩和排版问题比较大。我们看下怎么修改罢。

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

(示例3_修改后)

左图我用 PS 做了大量修改。我理解作者是希望做出汇聚的效果,并且运用多种色彩来达到「年轻」、「活力」的感觉。只是原图颜色过灰(色彩纯度太低),导致看着很压抑。因此我使用了明亮的白色做背景。辅助的圆圈使用纯度相对较高的渐变颜色,并且通过模糊和降低透明度等效果来区分和主题之间的层次。可以明显看到比原图「活泼」、「明亮」了不少。(我这样自己夸自己真的好吗……)

而右图我感觉像是学生对自己学习的总结报告。因此我把主要目的设为「清晰地传达内容」。当然,这样设计的话首先就要去掉原图各种修饰元素,让画面更加纯净。并且延续原图的蓝色系,使用了明度较低的深蓝作为背景,看上去更加「庄重」、「可信」。因为画面非常简洁,可以加入适当的小动画,让信息呈现更突出、有趣。

设计是有各种各样风格的,没有绝对的对与错。根据需求和场景,设计相应的风格是最好的办法。

三、如何设计应用 PPT 的动效

1. 为什么要动?

· 更加突出重点

相比静态,动态图像总是更容易吸引人的目光,达到强调内容的目的。

Keynote 中有个非常经典的效果「轰然坠落」,就是大家经常在一些手机厂商发布会中看到的——字从上而下坠落,激起一片灰尘的效果。见下图。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)(「轰然坠落」效果)

· 过渡更自然

我们知道 PPT 并不是单纯的图像,它还存在转场过渡。而利用动效可以令转场更加多样化,更加自然。

需要注意的是,尽量保持统一。大致可以设定一种「通用」转场方式,不要太过花哨的。其余场景按需可以另外设计,但注意转场方式也不要过多,会让 PPT 演示显得复杂。

· 趣味性

动效是可以做得非常有趣的,在这也举个非常经典的例子。2007 年,乔布斯在发布第一代 iPhone 的时候,非常调皮地使用了充满趣味的动效。

乔布斯站在台上,兴奋地说今天要发布三个重要的产品。「第一件是个可触摸控制的宽屏幕 iPod,第二件是只革命性的移动电话,第三件是个突破性的互联网通讯工具。」然后他重复道:「一个 iPod」、「一个手机」、「一个互联网通讯器」,演示 PPT 上的图标跟着转动。然后他继续重复:「一个 iPod」、「一个手机」……「你明白我说什么了吗?」,「这不是三个设备,这是一个。」

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)(乔布斯在 2007 年的苹果 iPhone 发布会)

对不起,这个案例实在太经典了,这个产品也实在太革命性了,在这倾情推荐大家去看下。

2. 如何动?

· 不要滥用夸张的动效

虽然动态可以抓住眼球,但是如果动得太夸张就会弄巧成拙。我们应用动效最主要的是「强调」,以及加深人的印象,只要这样就可以了。千万不要使用各种放大缩小、飘来飘去、旋转扭曲等等,要记住略微强调即可。

重点在传达信息,不在天花乱坠。

· 把握时间,不要快也不要慢

这点基本可以放心,只要大家应用 PowerPoint 或 Keynote 自带的效果时间即可。当然,如果你有额外需求可以自己另外设定,但一定要把握好「时间」。否则,过慢会显得拖沓,过快会令人看不请发生了什么,还以为演示出现了问题……

· 一致性

全文多次强调一致性,是因为这在设计中真的非常重要。动效也要保持样式统一,不该这一页文字放大变化,那一页文字缩小变化,尽可能达成一致。希望大家谨记设计 4 原则中强调的「重复」原则。

四、总结

文章写得太长了,简单总结下要点也就这么几点:

1. 重点在演讲不在 PPT,PPT 只是辅助他人理解;

2. 相较好看难看,PPT 的内容更为实质重要;

3. 用设计的理论、技巧去制作 PPT。

祝愿大家都能制作出优秀、美观的文档。

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

欢迎关注我的专栏:UIcircle - 知乎专栏

我还开了同名微信公众号「UIcircle」,会同步推送文章,欢迎订阅哦 :)

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

拓展阅读:

《写给大家看的设计书》,作者:Robin Williams

http://book.douban.com/subject/3323633/

《乔布斯的魔力演讲》,作者:Carmine Gallo

http://book.douban.com/subject/6885274/

《PPT演绎:故事化设计》,作者:Cliff Atkinson

http://book.douban.com/subject/4134842/

苹果发布会的 Keynote 牛在哪里:http://www.zhihu.com/question/20354139/answer/14867180

从零基础如何自学 UI 设计:http://www.zhihu.com/question/20857524/answer/64713515

有什么值得推荐的设计类书籍:http://www.zhihu.com/question/31065632/answer/51279339

71赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)看山不是山 ,锐普认证PPT设计师
已经有很多大神回答了,我就简单说一下我对扁平化PPT的理解
首先,让我们看看优秀的扁平化设计(海报)是怎样的
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
相信你已经发现了什么
扁平化设计的特点:对比鲜明,设计简洁,极易上手,效果甚好。
简直是忽悠老板的必备技能
好了,接下来就开始说一说到底怎么做
————————————————————————————————————————
扁平化设计的核心:说白了就是色块的运用
具体到PPT中,色块可以直接插入
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)但是插入后默认是带有描边的形状,我们可以通过右键-设置形状格式来调整其具体的颜色,描边,阴影等等效果
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)第二点,就是重点中的重点-布尔运算,简单讲就是图形的剪切,相交等操作
下面上图文教程!
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)学会了这招,平时做个海报什么的简直不在话下,分分钟用PPT撸出来
下面是曾经给旅游公司做的海报,如果不说是PPT做的简直不敢相信
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
好了,回到主题,学会了布尔运算,怎么做好扁平化PPT?
对于新手小白,做好PPT的关键无非在于图文排版,而又快又好的排版方式就是——借鉴
https://www.pinterest.com/
就拿pinterest来说,在搜索栏输入web flat design,就是搜扁平化网页版式的意思,我们会得到如下结果
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)海量的扁平化版式素材立马有了啊!那就随便挑一张来试一下
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)简简单单的一张web,改造成至少5/6页的PPT完全没有问题
下面进入实战
取原图的这个部分来模仿吧
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)PPT化之后!!
DUANG!
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)整个过程只用了十分钟不到的时间,非常适合于并列类的信息展示
其他的具体形式可以自己多加练习,当熟练掌握之后,PPT可以做成这样
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)甚至倾斜的版式,比如这样
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)————————————————————————————————
扁平化的进阶
Material Design
MD说白了就是从安卓5.0开始谷歌采用的一套用户界面设计语言
其动画部分我们暂且不谈,就平面上还是有很多可以借鉴的地方的
相比纯正的扁平化设计,MD着重强调了元素的层次感,即(色块=纸张)这种感觉
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)对,就是用阴影来强调层次感,同样地在右键-设置形状格式可以调整
在pin上搜索material design,我们可以得到如下结果
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
同样可以应用到PPT当中去!视觉效果爆炸!
下面是曾经做的一份仿MD风格的PPT简历
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)下面是国外的大神所作出的MD风格PPT模板
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)基本原理相同,用简单的布尔运算就够了!部分页面甚至只需要规则图形即可
关于其中的图标/图片等素材的寻找
见相关回答:如何找到优质又满意的演示文档(PPT)中可以使用的素材? - 看山不是山的回答
你想到的和想不到的,这里都有了!
——————————————————————————————————
更多相关PPT问题:
你是如何从ppt小白一步步走向大神之路的? - 看山不是山的回答
ppt封面如何设计显得高大上? - 看山不是山的回答
欢迎来我的小屋和我一起学习PPT
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
31赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)张晓翔 ,腾讯高级视觉设计师
先放链接:Resume_Celegorm.zip

详细的制作思路等有时间再来补充吧。

1287赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)嗜睡猪一只 ,唯有美食与懒觉不可辜负。
说明下楼上的答案《PPT扁平化手册》的出处,微博 @ 嘉文钱

以下是全部内容的搬运:怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

感觉根据上面的指引,已经可以做出一个不错的扁平化PPT了。
另外再推荐一个微博 @ Simon_阿文 《我懂个P》系列,也全部是扁平化。

作为一个试着在做扁平化的菜鸟,写几个自己的感触:

  • 扁平化还是很省事的,不用考虑阴影啊效果什么的,文字、形状的格式用最简单的就好
  • 对排版的要求更高,好的排版才会让你的扁平化出彩
  • 对配色的要求更高,看下ios 7和windows 那华丽丽的配色吧
  • 多种颜色搭配真的挺难的,哪怕是各种色彩网站上推荐的配色方案,在扁平化下都不一定好用。所以我选择 纯色渐变+灰色,比如上面 嘉文 最后一页,就是蓝色的渐变加上黑色。目前帮公司做的模版也是这个路子,几种深浅蓝+几种深浅灰,最多多个橙色偶尔强调。
  • 字体 微软雅黑 吧,其他无衬线字体别人电脑上没有啊
  • 可以考虑加入图标元素做表达,比缩小的图片更好,貌似 @ Simon_阿文 《我懂个P》 里有一季教过,跟他学的。
  • 大的版面,还是要高清无码大图

最后的最后,感谢网络上的各路大神们,特别是上面提到的两位,让我走在了尝试扁平化的道路上。献出知乎第一次回答,作为感谢。

725赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)比木还木 ,保持安静。
标题党一下:平均10分钟做一张拿得出手的PPT!(仅适用于大学生课堂展示唬唬同学,工作慎用!)

今天刚刚做完又一个Presentation...拿新鲜出炉的扁平风PPT来举个栗子。

1.使用适合PPT内容的字体.不用太花哨,但求略微区别于平时默认字体就好
英文字体参照:有哪些值得推荐的英文字体?
中文字体参照:有哪些值得推荐的中文字体?
这两个回答里的高票答案都对我做PPT、视频中文字的选择起了很大帮助仔细挑一挑,总有一款适合你。

2.多使用图标风格的图片,用渐变色或纯色做背景,千万不要用图片,尤其是信息量大的图片做背景。
放几张今天做的PPT:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)加点小创意当然会更出彩一些:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)当然也不能完全迷信Icon~
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
不一定要以黑色为底哟~
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
字体选择:ADELE体+华文细黑。
如果你的背景是这样怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
或者这样怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)相信我,还不如用纯色背景了呢,不管你的图片多么好看,它对文字的影响是相当相当大的,再绚丽的动画和字体都救不了你了...

3.说到动画:除非有特殊需要,不要用系统自带的各种各样的动画,更不要为了追求多样性使用N种不一样的动画效果,就像做视频一样,任何软件自带的转场效果几乎都是反人类反审美的,用好淡入淡出擦除几种效果就够了。
同理,音效除了把昏昏欲睡的同学/领导/同事/老师吓一跳之外,没有任何作用。
另外:关于如何找icon风格的图片:
1.google image里面搜索“英文单词+icon”即可,比如“Fossil Icon”即可找到化石相关矢量图。我觉得icon风真的是提高PPT气质的神器,绝对值得一试。
2.Iconfinder - 525,000+ free and premium icons,不用FQ,而且整体质量比Google搜出来的要高~

4.此外,最糟糕的情况是什么?宋体+初始字号+无数文字堆叠+黑色(或其他与底色搭配糟糕的颜色)+糟糕动画+糟糕音效+图片背景。例如下图:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)虽然前面说过背景最好不要选择那些信息量大的图片,但是也不是绝对的,试试看化腐朽为神奇吧:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)所以最重要的:
注意图片、文字的空间布局,
选择好字体,
保证PPT整体、局部的色调和谐,和谐呀!
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

630赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)Mingke Luo ,Designer | Hustler | 虐杀小清新
收录于 编辑推荐 •630 人赞同
本来这文章不是很合适题目“如何做扁平化风格幻灯片”,因为关注的点可能在具体文档制作上,而我写的是如何准备整个演讲的过程。这两天被编辑翻出来了,我就来补充一下【如何制作】和【扁平化设计风格】这个部分吧。

-----------
刚刚写了一篇长文,讲初创公司如何准备产品发布的演讲

前几天有个资本的朋友打电话过来说应该去参加创新中国大赛。说来惭愧,创业以来我没有做过任何公开的产品介绍,因为一直觉得产品没有打造到能做到自己满意的水平。这里也非常感谢这位朋友和创业邦提供的舞台:)

站在台上,拿着麦克风走来走去,面对成百上千号人,讲自己辛苦打造的产品——这样的事情我比较熟悉——在新东方教了3年托福,这种场面也见惯不怪了。但我绝对没料到临上场时居然会紧张,但这是后话了。从最终的效果来看,还算是成功,从走*到回自己的座位上的一路上仅百米距离,收了近20位从旁边走出来的VC朋友的名片和约谈。

决定去做keynote到上台共有12天,期间我们调整了产品开发的优先,来配合的效果。在这里跟大家分享一下整个制作和准备的过程。

1. 建立目标

这非常重要,因为演讲一共只有6分钟时间,这根本不够介绍整个项目,所以必须有取舍——基于演讲的目的。究竟是去干什么的?我们的产品还没有上线,数据运营没什么好讲的,同类产品在市场中又比较罕见,所以我们决定主要传播我们的理念,并向大家展示现在已打造出来的产品的样子,这个目的大幅削弱了数据,运营,团队,公司等内容。

希望能target到几类听众:VC,媒体,行业,普通用户。

2. 确定风格和展示方法

展示方式有很多种,除了比较正常的PPT以外,现场的团队有以提前录制视频来播放的,也有像展示作文一样密密麻麻的。有那么多团队上台,除了项目本身,演讲者的风格性是outstanding的重要元素。

在新东方有一种说法,老师们上课大都分成几个流派,无论是早期讲过GRE的老罗、讲托福听力的李丰、讲托福写作的李笑来,还是徐小平老师,找到属于自己风格标签是非常重要的。

当年我的标签是 “英式冷笑话”——与 “美式热笑话” 流派的老师形成两个势不两立的对立阵营。

话说回来,创业团队,特别是移动互联领域的,大家可能都有过一边吃着泡面,一边研究2007年乔布斯发布iPhone的视频的经历。各位创始人被*之后,都争着亲自上台做各种发布会,结果大家也都看过,那个效果也都明白。罗布斯就差没穿高领毛衣了,但是范儿比乔老爷子差别太大了——我这里单指的是演讲,不涉及产品。要说产品嘛,看了和刘翔的对质后就不敢说了。总之,人人都想穿高领毛衣+牛仔裤,但是这事儿跟在新东方一样,不是所有人都适合同一个风格标签的。

2007年,我也看那个发布视频,同时开始在台上给台下几百号人讲解其中的精华。离开讲台后,出于兴趣也不断研究各个产品发布活动。除了乔帮主以外,还有另外一个前苹果的人的演讲值得注意:Guy Kawasaki。

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)GuyKawasakiTheArtofthttp://v.youku.com/v_show/id_XNDA4Nzg3NDMy.html

Guy Kawasaki是苹果早期的首席布道师(Chief Evanaglist),他离开苹果后做了VC,鼓吹不少科技创业的理念,包括产品定位,如何寻找Market/product fit,如何找联合创始人,如何做pitch,如何做presentation等等。有兴趣的可以在这个视频当中了解,非常幽默的同时干货也很多。虽然是2006年的,但是放到现在也非常受用,本身也是一个非常成功的演讲。

其中提到产品定位时,要画象限图,自己的产品永远应该处于‘ high into the right’ 那个位置,这个在后来Jobs发布iPhone时也有用到。

都是苹果的基因,但Guy Kawasaki 和Jobs本身就是两种很不同的标签。不熟悉前者的,现在看看Tim Cook的演讲也能理解这个“风格不同”。纯粹模仿的效果,请参见雷布斯的历次演讲。不过对应小米的用户群体,可能也是足够了,但是对于我们而言,只能呵呵。

再一次,找到属于自己的风格标签很重要。

因此,建议大家基于自己的经历,擅长的领域,产品所在的行业,还有现场听众的属性等,来制定自己的整体风格。我们预期效果是第一次露脸不管产品本身如何,演讲要能给全场留下深刻印象。我们的产品还没有完成,但是希望大家通过这个演示,大概能了解我们团队有怎样的产品能力。我们结合自己的条件优势,选择了简约风格,以讲为主,背后视觉化烘托氛围的风格。

3. 内容准备

生成内容需要更多的时间。在之前规划演讲范围的阶段应该就有好几个板块被提出了。要讲市场现状,产品简介,核心功能,目标用户等等。现在要做的是,暂时不要考虑如何吸引听众,先把自己要传达出去的东西整理一下:把先前规划出来的版块按合理的逻辑排序,先想让大家了解什么,然后再讲什么。拉通走一次,如果发现有版块丢失赶紧补上。每个版块再作一两层级的细化breakdown,补充例子,完善核心的思路逻辑。

我们在操作中遇到了一个严重的问题。我们产品的核心是在UI&UX和两个核心功能上,但是产品的开发没有完成,需要的部分也不是之前的优先级,按照之前计划的进度,到上台那天也不可能出DEMO。常规的做法是把设计页面放到keynote当中做展示。但是我认为这样的冲击力太低,希望能把使用过程的视频无缝嵌入到演讲中。和工程狮小伙伴一商量,得出一个阶段性的优先开发顺序:到离上台还有3天之前,必须要把demo中需要的功能做出来,倒数第三天用demo来录视频并整合进演讲中,有两天时间来彩排。

我需要在产品demo出来之前,提前把所有页面制作好,需要产品demo素材的页面只能靠想象制作。如果不出错,两边同时完工,我还有2天时间可以练习。任意一边超过时间,就不可能达到完美效果。

4. 设置演讲节奏

到目前为止我们都没有开始制作一页幻灯片。

我面前的白板上有了内容板块,已经按照逻辑顺序排好。每块下面都有很多细分的理论和例子——他们可能是树状的。你不确定哪些细节该在什么时候讲?没关系,他们只是逻辑步骤,并不是演讲的步骤——演讲的逻辑一定是线性的。

现在要做的事情正是要加工自己产品的核心理念,这里就充满了理论和案例。不过,无论这些理论咱们论证过多久,对于听众而言,他们是没兴趣听理论的。因此需要把这些理性的内容翻译成他们能入耳即懂的语言。

就好比刚刚遇到的那个Guy Kawasaki,你介绍他是苹果的首席布道师,台下听了可能都处于死机的状态,但是要是你说他的工作就是负责忽悠和*,大家就“哦,懂了”。

引导听众的情绪和注意力是讲故事的核心。在抛出核心概念之前,考虑要制作铺垫,让听众分散的注意力从前一个项目或者手中的手机里慢慢聚集到你身上,这个阶段的内容越简单越好,一但门槛高了听众没跟上,后面的重点会更难传递。相反,如果铺垫的时间太长,会给人留下没有干货,价值不够的印象,这也是要避免的。

乔布斯从上台到第一次讲出“iPhone”用了3分29秒。

咱们讲的时间一共只有6分钟,所以更得需要迅速让听众进入状态:你的产品需求场景。

建议的结构是:通过一些戏剧化(dramatic)的元素搜集注意力,在注意力到达顶点的时候给出核心元素。比如:先用现有的一些其他产品的问题,或者大家平时忽略的痛点,来引起大家的注意,等台下喝水的放下手中的杯子,手机上打字的抬头来看你了,你再抛出产品、理念或者运营数据等等。接着不断反复这个过程:build up注意力,顶峰时收割注意力。不要轻易抛出亮点,应该让观众在最佳情绪上接收到最佳的内容。

这种关于节奏的详细介绍,大家可以看看TED上Nancy Duarte关于演讲节奏的视频: The Secret Structure of Great Talks

到这一步的时候,我手中有密密麻麻的7页A4纸的内容。所有的大板块都被分解成小元素,根据节奏分布,被串起来成一条线。绝大部分的逻辑和概念都被转换成视觉化的元素了——这还不是具体的图片或者视频素材,而是画在纸上类似导演分镜头一样的图稿。例如讲到产品的时候,背后大屏应该出现多大一个图像,什么内容。先画个草图配合逻辑,之后具*作幻灯片时再找相应的素材。

当整个演讲逻辑整理出来之后,配合草图,可以尝试看着流程念出来自己的演讲词。不用做到脱稿,因为在实际制作幻灯片过程中还会有很多结构的调整。先反复拉练几次,一方面让自己熟悉流程,卡一下大概耗时。我第一次试讲是12分钟,比需要的多了一倍。另一方面让团队小伙伴听听,观察一下他们在什么时候失去注意力:打哈欠,看手机,交头接耳,目光呆滞,流口水都算失败。

找到失去注意力的节点后,换更轻松的说法,用更有意思的表达方式传达相同概念。同时大幅提炼和压缩这个部分的内容,本来5句话解释,浓缩成两三个关键词。如果不是很关键的,干脆直接砍掉,直到整个流程听下来比较完整和流畅自然,大家的注意力基本都在,没人流梦口水为止。

5. 制作Keynote

现在可以开始制作幻灯片啦!很多朋友准备演讲,一来就省掉上面所有的环节,直接从做幻灯片开始。我只能说,如果我们同场,你必然被秒。

在工具选择上,两个产品的选择keynote or Powerpoint,真的可以体现苹果和PC/Android的理念差异。近来老乔对国内创业团队的影响很大,模仿其演讲的也很多。对于我们而言,产品设计、视觉表现本身就是我们产品的特色,所以自然选择了无论是功能还是审美都强大很多的keynote(不过后来也因这个选择在现场遭遇严峻的状况)。

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

Keynote和PPT也都是工具,见仁见智,强迫使用不熟悉的工具,肯定也出不了好效果。

关于风格选择:扁平化?

如果你要做的是一个用来阅读的演示文档,那么扁平化这个现在比较流行的视觉效果,对阅读的信息传递确实有些帮助,主要是化繁为简,强调内容多过强调表现形式。但是如果你要做一个现场演示类的,比如我整篇文章在准备的这种,那么扁平化不一定是最合适自己的风格。我们这里讲的扁平化是特指视觉风格,如果是产品设计,可参考我在另一个问题的回答(交互设计领域的扁平化设计,还会持续火热吗? - Mingke Luo 的回答)其中原因就不在这里深入了,一个典型的例子是,扁平化的大力倡导者在APPLE WATCH的发布现场的演示视频就不是扁平化的。

另一方面是表达什么内容。对于概念的传递用扁平化风格可能比较合适。而发布和展示产品的时候就不大合适了。我们的内容有前面20%的内容是表达概念,产品展示在中间,后面结尾是用20%的概念结束。在展示概念时大量使用视觉化的表现,相比文字,可以让更容易聚集观众的注意力。这是我们的首页例子:

我知道绝大多数团队都是用一句话来描述主题,而当用户在看过几个展示后,会开始出现认知疲劳,所以我选择用icon来代替一句话的描述。

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

这是我的Keynote首页,用来在从台下走上台的过程中展示基本概念。让观众在没听到正式的介绍前,先用图片来引起他们的猜测和联想。

上台后正式开讲时按下翻页器,第一句话就解释这几个图标的意思

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
从前一位演讲者*到我上台,预设几十秒时间,我们想利用这个时间做个铺垫。而设置的上台第一句话就是介绍我们是做什么的——以此来解开用户看到图片后的疑惑。

我们的理念是尽可能的视觉化(跟产品一样),尽量避免单纯的文字出现,除非引用,绝对不会出现完整的一个句子。大段的文字是绝对的禁忌,因为台下的没人会读字。

这就意味着有大量的图像素材需要准备,用来代替文字。我们根据上一个阶段整理出来的那7页密密麻麻手稿,确定了大概的素材,包括视频。为了节约时间,团队的一个小伙伴专门负责按照需求制作素材,每一个图标或者图片都按照统一性出图,然后按照手稿草图的布局做成一个单独的文档。等核心逻辑页面完成时,再合并两个文档。在这个阶段,我们不会在素材上套用动画效果,包括翻页动画。

完成初稿后,再召集小伙伴儿先拉通走几次,根据时间和大家注意力的变化,调整页面内容的分配。按照我们的风格,我们需要严格的引导观众的注意力,因此在同一个画面,不可能出现两个并列的要点。一边走流程的时候,一边考虑,哪些效果需要动画效果,怎样的动画效果符合演讲的逻辑。

比如讲到一个递进关系的时候,动画可以用展开效果;如果第一次提到一个概念时用的【向上翻转出现】的动画,那么再次提出这个概念的时候可以用【向下翻转出现】的动画,这个细节可以帮助观众隐约感觉到,哦,这是刚刚提到过的概念。

展示产品的素材部分,我们选择视频,因为我们自身产品非常强调视觉化,展示时用静态图片会让效果大打折扣。在工程狮连续几天通宵之后,我们终于按时在上台前3天,搞出了DEMO。准确点说,这是只是一个能体现视觉化的demo,很多相关的后台服务功能都没有做好的。

我们开始按照草图上的素材要求录制视频。越狱后录制屏幕视频,抽出关键帧做图,在加上keynote的几个过渡效果,让整体展示能平滑过渡。

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

Keynote对视频的支持很强大,左边为静态,右边在实际展示时是产品动态的效果,非常平滑,看上去就像是用大屏使用手机的效果。

整个展示我们使用了大量的视频,并且平滑嵌入在keynote当中,让整个演讲不会被中断——无论是逻辑上还是视觉和听觉上。

预计以后的产品发布将会完全的互动+动态化,合理设计的动态效果将完全代替静态图。就算是介绍一个产品正面照,都应该是有细微动态效果的。文字?不是punchline基本不会再出现了。

6. 练习与修改

练习与修改所需的时间,基本等于前面所有时间的总和。

增加动画效果后,一定会增加整个演讲的时间。在我们精炼内容后,再加上动画,我们的时间依然卡在9分钟,超出要求3分钟。这时的麻烦是,看到哪里都觉的不能减少了,不仅觉得这些内容重要,还有删掉一块就会剪断整个演讲的flow。

个人不建议写逐字稿,一是容易让整个语言使用变得正式和官腔,二是现场背逐字稿很容易让人感觉缺少情感,引起共鸣会更难。好处是,对于演讲经验不丰富的人,逐字稿会提升自信。

我的做法是把整个逻辑流程和所有的视觉元素包括动画效果,完全记下来。讲第一个效果的时候,一定知道下一个要点是什么,用什么过渡。练习的关键是:不要轻易重来。如果讲的时候突然遇到问题卡住了,或者讲跳到另一个点了,不要这个时候放弃重讲,要赶紧想办法接着继续讲,直到讲完。讲完后要注意,如果练习时讲着讲着卡住了,那么很有可能之前设计的逻辑的flow是不够通畅。可以考虑借用刚刚跳跃的点来修改逻辑流。讲着讲着跳出来的想法,往往是更加自然的。

反复练习,拉通讲10、20次,基本上整个演讲应该很熟悉了。演示文档基本就准备完成啦!实际上,我是在9月1号半夜准备完成的,还有一个整天的时间继续磨练。

另外,如果能设计听众互动是绝对的加分项。

这并不是要台下找个志愿者或者上面问下面回答。咱们见过好多次,台上的人问:“大家中午吃的好么?”,台下上千号人,一脸严肃,毫无反应。等咱们变成老罗了或者雷布斯了,或者积累了大量粉丝听众的时候,这招可行。上台挥个手,下面也会欢呼的,现在嘛咱们就忍忍。

这里指的互动,是一些简单情绪变化。在练习的时候也需要注意,找些小伙伴来听(最好换几个没听过的,听过的放回去继续敲代码),观察他们的反应,当他们发出“啊,哦,呃”这样的轻轻的感叹的时候,配合一下,停两秒等他们反应完——这就够了。注意,练习时听众的反应会在现场被放大。如果练习时有人笑,那么现场是必定有人大笑——没什么比听众对你笑更让人有信心的了。如果有更多的准备,可以配合一下大家的反应,当有人点头的时候可以补充上:“我们也觉得这是一个不错想法”之类的回应。

不过这一点我们在这次演讲时并没有发挥出来,因为准备时间和演讲时间都太少。

tip: 请不要让听你练习的小伙伴刻意模仿笑声、鼓掌或者喝彩...

7. 上台前准备:踩场地

就算演示文档准备得非常好了,上台之前一样有很多需要注意的。

首先就是踩场地,熟悉硬件。我在DEMOCHINA的上台时间是3号下午,在2号下午的时候,创业邦的小伙伴就召集大家做了简单的试讲。但是直到那个时候,大家都不知道现场能不能播放KEYNOTE。

这个薛定谔的猫一直存在到晚上去演讲实地踩点的时候。

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

2号晚上,所有的创业团队到了现场。这时需要四处走走,了解现场大概会有多少观众?离讲台最近的观众会有多远?他们能否看到身后大屏幕上的字或者小图标?插翻页笔的终端离讲台的距离有多远,遥控会不会有延迟?自带的翻页笔能不能用?如果是公用的翻页笔,那么交接是找谁?台上会不会有演讲台?是不是固定位置,还是允许走动?如果有摄像设备,那么在台上的理想活动范围是多大?有机会最好先上去走走,经验不足的可以上去想象一下下面全是人的感觉。

创业邦的安排考虑比较周全,现场的团队基本都上台去走了一趟。中间大家不断找到各自的问题,要么视频播放格式不对,要么没有声音,要么字体出现问题:自己的文档不含字体,那么放到公用的播放设备上很可能出现排版字体的问题。大家现场遇到问题就修改,以确保第二天实战不会有错。

这时,我们选择keynote这样“非主流”的工具,让我们遭遇到一个巨大问题。薛定谔的猫挂了——我发现现场用的是Windows的系统,根本不支持Keynote。

同场所有的团队,只要使用Keynote的都不得不转换成PPT。这时已经晚上8点多钟了,对于幻灯片比较简单的团队而言,这个过程很容易,不涉及动画视频等效果的演示,可用自带系统转换,再稍微调整一下版面和字体就能用。但是对于我之前准备的上百个细微动画而言,整个通宵过去都不见得能弄完。而且,更重要的是,整个效果会大打折扣,因为很多Keynote的效果,PPT根本没有,或者实现非常困难。

当时所有的团队都排着队试讲,我根本没有心思练习,不断的跟现场负责技术的团队沟通可能的解决方案。同时,在现场做了一个简化效果的版本以防最糟糕的情况出现。负责我们专场的创业邦的小伙伴也很着急,大家研究一番后发现,最可行的方法是在上一个团队演讲完后的十几秒时间里,用我自己的macbook接上现场的大屏投影设备,切换到我的macbook,并把翻页笔插到我设备上,而且就算这样,最根本的问题是:macbook不支持VGA接口,需要转接器。此时已经半夜11点半了,大家都准备放弃了,但这意味着之前所有准备的效果都付诸一炬。

“我刚刚在某宝上找了一圈,在所有杭州卖转接线的卖家里,说服了一个现在起床,在一个小时内送到现场。”——远在办公室助阵的小伙伴给我打来了电话。

直到近半夜一点的时候,我终于看到了这个:

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)感谢现场团队的耐心,能理解和忍受我不断的坚持

不好意思,咱们不妥协。

8. 上台

第二天一觉睡醒已经11点了,错过了开幕,离下午上台还有几个小时。到现场后,现场团队照顾有加,大家都担心现场切换会出问题,也做了预备方案,一但切换时出现问题,我马上下来,后面一个团队再迅速上台。再赞一个!

随着上台的时间临近,我居然感觉到了好久没有体验过的紧张。相信现场上了场的小伙伴都有类似的感觉,不管怎么默念都可能出现讲不溜的情况。我做了两件事儿来应对,供大家参考,第一是理性的告诉自己之前已经成功完美的练习过了,其实内容已经OK了,这个时候是情绪作怪,上台开始后自然会好。

此时得说服自己相信之前充足的准备,此之谓:“Fake it, until make it”。

第二件事,就是上台后,不要着急马上开始讲。虽然计时已经开始了,深吸一口气,接过翻页笔和麦克风,多走几步,走出那个角落,走到舞台最中间,用几秒钟安静的从左到右看一看台下,然后告诉他们,我是谁,我来做什么。

一边讲的时候,看到台下的评委掏出手机,开始拍我身后的大屏幕时,我大概了解不管产品本身如何,之前期望的演讲效果,也算基本实现了。

现场很多小伙伴都讲的非常好,也认识了很多新朋友,很有意思的一次经历。再次感谢推荐我们的朋友和创业邦提供的机会,让我们有第一次公开展示的机会,也让我们小团队感觉到了:We are ready.

希望能和大家多多交流:mingke.luo@essential.cc

The world is full of giants.
We wait until they get sleepy.
Wait until they get so big they can barely move.
Then we walk out of the shadows, quietly walk out of the dark.
And strike.

393赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)徐江平 ,UI设计师
最近做了个PPT,自认为是扁平的,选几张发出来吧,内容涉及内部信息,已经全部替换了,没有什么逻辑关系了,但是排版和设计没有变味。

图片大小1360*768

开始吧:我最喜欢封面和封底
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)

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

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

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

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

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

231赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)品哥 ,不亦乐乎
ppt无止境,有会用模板改造而自得满足的,也有创意境界非一般层次的,全在点点滴滴的积累和吸收。
我留意到楼主的问题是:怎样做出优秀的扁平化设计的ppt?就扁平化设计风格:
引用一个《ppt扁平化设计手册》
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
7赞同反对,不会显示你的姓名
匿名用户
就目前排第一的答案水平能超过2W,谈设计也是白瞎。说白了,很多人连看ppt的目的是什么都不知道就开始追求各种形式上的好看,酷炫和所谓的风格,那你还是不要看了,不是你本身认知水平不够,看不下去,就是这个ppt本身就没有什么营养。就ppt而言,一切风格和设计都是为了更好地传递内容而服务和存在的(除非你这个ppt就是为了演示设计风格的,但这里显然不是),扁平化要素与ppt内容相结合是比较好的方法,特别是在你讲的事手机之类相关的方面,做不到与内容有机结合的话,保持整体的风格是次选,切忌喧宾夺主。
58赞同反对,不会显示你的姓名
匿名用户
微软作为Metro扁平化设计风格的始作俑者,当然要舔一下微软公司自己的PPT啰。
诺基亚作为微软的干儿子,其PPT风格也传承了微软的扁平化风格,值得学习。
需要源文件的点赞留邮箱,不送。
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)诺基亚的:
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)需要这两个PPT源文件的点赞留邮箱 ^ ^

留邮箱的人太多,可以去这里下载:
https://item.taobao.com/item.htm?spm=a1z10.1-c.w4004-2871168714.2.rMjNBQ&id=522915995317

287赞同反对,不会显示你的姓名
看到这种题目,手机党一定不要点!一定不要点!一定不要点!(土豪随意!)这种东西网上一大片,直接借用过来 @嘉文钱的,我平时看他的也比较多,推荐一下!前面有人提到过这个,我把整个PPT全传上来了,真心手贱啊!
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
3赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)宋宝宝 ,Oral is communicating; written hand job.
估计没有人能看到我的回复了吧。。。

不知道各位为什么要做PPT,做给谁看?

不用告诉我你的回答,自己问自己。

做了十来年的PPT的职场人,我的意见就是:

内容永远大于形式!还要知道你老板是啥样的人!

内容永远大于形式!还要知道你老板是啥样的人!

内容永远大于形式!还要知道你老板是啥样的人!

否则,下面的话你会经常听到,设想一下,是当着一屋子与会者的面听到。。。

“胡说八道些神马!做的花里胡哨的,一点干货没有!”

“把时间都浪费在弄这些乱七八糟的东西(指简单的动态效果)上面了!你还有时间调查研究?”

“本末倒置!”

“搞些花花绿绿的干什么?改了!(其实只是因为老板不喜欢蓝色)”

OK,以上是内部会的时候会听到的,但是如果你内容非常的solid,一般不会招致臭骂。

如果是给客户做的,会后除了以上那些你能听到,还有可能听到完全相反的:

“你会不会做,啊?放张图片,拷一堆字就是ppt啦?”

“你这像是一个大公司拿得出手的ppt?”

等等。。。

所以。。。【摊手】

答案和扁不扁平一点关系都木有,纯粹吐槽奇葩boss

667赞同反对,不会显示你的姓名
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)刘晨 ,头条号市场总监
其实什么Flat不Flat,审美这东西还是有很多恒久的原则的,关于这个问题,看下面这两张截图吧(好吧,这个ppt本身没有花很多时间做美化,但是相信我,这真的很有帮助):
怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
  • 如果使用图形框,不要使用边框、阴影,使用装饰简洁的图形和颜色;
  • 使用圆角矩形,而非椭圆
  • 添加文字说明时,不用线条做装饰
  • 不要把数字标号放在圆圈里
  • 不要使用块形的箭头

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

  • 不要使用对话泡泡,使用简单的线框来进行装饰;
  • 不要使用多彩的、大的卡通画或者剪贴画;
  • 不要叠加文字和图形;
  • 不要使用流程图表

很多ppt的设计方案,的确,很漂亮,但是门槛也不低,不要低估了找素材处理素材排版这些工作的难度和工作量,要知道在很多公司都有人仅仅因为能做出好看的ppt而得到升迁好吧?

但是!你只要掌握了以上原则并且坚持应用,就可以成功地把你的ppt审美从坑里捞出来了。不信你对比看看那些“中学生教案感”满满的、丑爆的国产ppt,是不是充满了过度使用颜色、线条、图形的毛病?

这两页ppt奠定了我从业以来所有的ppt风格。希望对大家有帮助。

哦对了,这个ppt是罗兰贝格公司2001年推行的内部规范,对的,2001年。所以说真的,审美什么的,是有恒久规则的。

当然了,如果你想要进一步提升ppt美观程度的话,有一本书是再怎么重复推荐也不为过的,是的,就是《写给大家看的设计书》。

-。-大家都叫我上图,我去看了下,我做PPT基本都是给公司做的,花了些时间修改了一些内容,使之能够对外发表,希望对大家有帮助。这样的,我自己的风格是很少借用外部软件来制作ppt里的素材。甚至有一段时间迷恋于纯ppt打造的ppt——意思就是不用任何外界的素材。确实包括ls一些高分回复的朋友,用素材为PPT增色不少,但是我相信这不是所有人都可以掌握的,何况在实践中,你并不是总有那么充分的时间去加工素材。而使用来源复杂、非定制化的素材可能会伤害ppt的整体风格。

好吧,下面上图。

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

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

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

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

怎样做出优秀的扁平化设计风格 PPT 或 Keynote 幻灯片演示文稿?(装)
这组演示都是好几年前做的了,应该都在苹果带动“扁平化风格”的一波节奏之前吧,我的指导思想就一直是罗兰贝格那几页上面的话:简单的用色/简单的图形/不要让文字散落/图片素材要简化风格,并与整体统一。

然后突然有一天开始,大家就开始管这种风格叫“扁平化”了……

PS:咦,我突然发现,PPT认为ppt是一个拼写错误……

 
3507赞同反对,不会显示你的姓名
上一篇:HTML5 页面制作工具


下一篇:nopcommerce 4.1 core 学习 增加商城配置属性