专栏名称: 我爱PPT
热爱PPT ,擅长PPT,愿与你分享所有与PPT有关的一切!
目录
相关文章推荐
曹将  ·  有些成功只是因为命好 ·  3 天前  
秋叶PPT  ·  这3个新增的Excel正则函数,太牛X了! ·  4 天前  
秋叶PPT  ·  创业失败负债,我靠PPT副业重启人生 ·  5 天前  
51好读  ›  专栏  ›  我爱PPT

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

我爱PPT  · 公众号  · PPT  · 2017-03-14 23:48

正文

本文来自:雅客先生(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的一切