超实用指南！5分钟教会你如何打造优秀的扁平化PPT

本文来自：雅客先生（ID：YaKeppt），授权发布。

今天和大家分享一些优秀 扁平化风格PPT的 制作心得。

一、什么是扁平化设计

在进行制作扁平化风格的PPT之前，我们得先来了解一下什么是扁平化的设计风格。

扁平化的设计有一个很核心的原则： 去除冗余、厚重、繁琐的装饰效果 ，从而让“信息”重新作为重点凸显出来。

我们在生活中也能随处看到扁平化风格的设计。

手机APP图标

网页

Banner

插画

游戏

只要你留心观察一下我们生活的环境，就会发现 扁平化的设计无处不在 ，几乎所有的领域都能看到它的身影。

二、如何进行扁平化设计

只要谈论某种设计风格，必定离不开 颜色、字体、版式、装饰、图片、甚至动画的使用。 这些所有的元素共同构成了一个整体的风格。

字体

在扁平化设计当中，一般都是采用 非衬线的字体 。所谓非衬线字体，就是没有菱角的字体，比如说黑体，微软雅黑。宋体就是一种衬线字体。

非衬线字体由于笔划较为简约，所以字体看起来会比较 直观和清晰 ，因而目前备受设计师所宠爱。

而在PPT设计当中，采用 2~3种 字体进行搭配，我觉得是比较合适的。这里为大家推荐两组字体组合。

第一组是 方正兰亭粗黑简体与思源黑体light 的组合，第二组是 思源黑体Blod与冬青黑体简体中文W3 的组合。

而在英文字体这块，推荐大家阅读国外一名设计师Ashlee Harrell写的一篇文章《每一个设计师都必须要拥有的20款无衬线字体》。

版式

在扁平化风格设计当中， 色块的运用是最基本的一个视觉元素 。而在色块当中，运用得最多的就要数矩形了，其次是圆形，六边形，三角形，直角梯形。

我为大家总结了几种常用的扁平化风格设计的PPT版式，大家可以依照模板进行制作。

在雅客先生后台回复关键词 【扁平化】 就可以免费下载到此模板了。

颜色

由于扁平化的风格多用大片的色块进行排版，所以 颜色的选用 在扁平化的设计当中就尤为重要了。

扁平化风格的设计用色相对来说都比较 「轻」 ，色调淡淡的，看起来非常舒服。

也有一种配色风格是比较突出的，色彩的选用会尽可能选择亮色，来 增加画面的表现效果 。而这种配色通常会用在Banner的设计当中。

此外，还有一种配色风格，也是比较常见的，就是 复古色 。

而下面这种颜色饱和度很高，分分钟被亮瞎眼的颜色，在扁平化风格的设计当中是 永远不会见到的。

那么在扁平化的PPT设计当中，采用多少种颜色是比较好的呢？

我个人的建议是使用 1~4种颜色 进行组合搭配最佳。颜色使用过多，风格也不好把控。

在使用 一种颜色 的时候，我们可以通过调整颜色的饱和度，使画面看起来更有层次感。

就拿上面这张图为例，除去画面中那辆车之外，整个画面使用的均为紫色一种色系。但通过 不同饱和度的组合 ，就能让整个画面变得丰富。

下面这张手机APP的界面设计，同样只运用到了一种色系，但看起来丝毫不单调。

运用 两种颜色 在一起进行组合搭配，也是一种比较经典的配色方法。最常见的双色搭配的组合有黑和白，粉和蓝，红色和米色。

授之以鱼不如授之渔，接下来我教大家如何去寻找好看的配色。

Flatuicolors

http://flatuicolors.com/

这是一个扁平化颜色网站，看到喜欢的颜色，可以截图下来，插入到PPT当中，然后通过PPT自带的 取色器 功能，进行颜色的吸取。

PS：取色器功能在office2010以上版本都有。

配色网

http://www.peise.net/

里面有多种颜色的搭配组合，输入关键词，系统能自动帮你识别出最适合你的颜色搭配。

Color Hunt

http://www.colorhunt.co/

一个轻设计的配色网站，里面挑选的颜色都与扁平化风格非常吻合，而且颜色也特别好看！

Color Scheme Designer

http://www.peise.net/tools/web/

对单色系配色没有信心的，可以参考这个网站，单色系搭配，互补色搭配，三角形搭配，一应俱全。

uigradients

https://uigradients.com/#Portrait

扁平化风格设计并不排斥渐变色的运用，只要颜色浓度不高，搭配起来好看，依旧可以使用。上面这个网站就是渐变色的配色网站。

装饰

在扁平化风格的设计当中，有一个很重要的原则就是去除冗杂，繁琐，复杂的修饰效果，让表达回归简单。

但 简单并意味着你就可以偷懒 ，简约而不简单，说的就是你要在保持画面简单的同时，还不能让页面太简单，以至于变成简陋了。

那在扁平化风格的PPT制作当中，通常会使用到的一个装饰物就是 图标 。

图标的运用，可以让整个版面看起来更有层次感，不会让文字光摆放在哪里显得那么单调。

那图标去哪里找呢？

iconfont

http://www.iconfont.cn/

阿里巴巴的矢量图标库，图标数量丰富，支持不同大小，不同颜色，不同格式文件的下载。

OFFICE2016最新版内置图标

在 最新版本 的office2016软件当中，在插入选项卡中更新了一个 插入图标 的功能，里面也有一些常用的图标。

除了图标之外，目前还流行一种 弥散阴影 的制作风格，可以让元素看起来更加立体，但又与此前我们所看惯的立体形状有较大的区别。

右边的APP界面绿色的按钮，采用的就是弥散阴影的制作，看起来有点 像荧光的效果 。

而关于这种风格的制作，推荐大家看一篇小成大数写的文章《 一分钟打造，潮爆的“弥散阴影” 》

图片

在扁平化风格的制作当中， 图片与配色是相辅相成的 ，配色选的相对保守，那么图片就比较好搭配，而如果颜色选的比较大胆，那么图片的选择就要比较慎重了。

就拿上面这张图来说，这种图选用的配色就较为大胆，颜色鲜艳，而且偏向卡通化，与卡通人物搭配起来就很自然。

可如果你拿实物图去和这种颜色搭配，看起来就有些不和谐了。

所以建议大家如果要用到实物图的，在选色上还是 尽可能选择保守的颜色比较好 。

那我们继续说回图片，图片应该去哪里找？

之前一直为大家推荐的wallhaven，500PX，这里就不重复了，为大家推荐一些其他好用的网站。

别样网

http://www.ssyer.com/

一个无版权并且提供免费下载的图片网站，图片种类众多，涵盖方方面面，图片的风格也比较「轻」。

懒人图库

http://www.lanrentuku.com/

里面有大量的矢量素材，我们平时看到的许多扁平化卡通形象，在里面都能找到。

泼辣有图

http://www.lanrentuku.com/

摄影师的摄影作品共享平台，里面的图片质量都非常高，而且免版权，免费下载，支持用于任何用途。

动画

最后，我们再来看下扁平化风格的动画是怎样的，以及在PPT中如何使用。

扁平化的动画有另一个专属名词，叫“ MG动画 ”。通常是用AE软件进行制作的。

这种动画主要是由 平滑移动，缩放，弹跳，淡入淡出，擦除 这几种动画组合而成。

这些动画效果在PPT中都能找到相应的功能去实现。

我在此前的一篇文章《 看过这些逆天的PPT，你还敢说自己会做PPT吗？ 》中，就提到了一位大神：杨曜彭，用PPT制作出的流畅MG动画。

大家只需在雅客先生后台回复 【扁平化】 ，就能获取下载链接，进行学习。

以上就是关于扁平化PPT制作的全部要点，写这篇文章花了不少时间，很感谢你不嫌我啰嗦，一直看到末尾，也希望这篇文章对你有所帮助。

专注PPT20年

关注PPT的一切