快捷搜索:  汽车  科技

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)游戏插画手机APP图标网页Banner

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(1)

01什么是扁平化设计

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

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(2)

手机APP图标

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(3)

网页

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(4)

Banner

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(5)

插画

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(6)

游戏

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

02如何进行扁平化设计

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

字体

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(7)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(8)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(9)

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(10)

版式

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(11)

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(12)

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(13)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(14)

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(15)

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

颜色

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(16)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(17)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(18)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(19)

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

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(20)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(21)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(22)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(23)

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

Flatuicolors

http://flatuicolors.com/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(24)

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

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

配色网

http://www.peise.net/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(25)

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

Color Hunt

http://www.colorhunt.co/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(26)

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

Color Scheme Designer

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(27)

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

uigradients

https://uigradients.com/#Portrait

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(28)

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

装饰

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(29)

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(30)

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

那图标去哪里找呢?

iconfont

http://www.iconfont.cn/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(31)

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

office2016最新版内置图标

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(32)

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(33)

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(34)

图片

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(35)

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(36)

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

那我们继续说回图片,图片应该去哪里找?

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

别样网

http://www.ssyer.com/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(37)

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

懒人图库

http://www.lanrentuku.com/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(38)

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

泼辣有图

http://www.lanrentuku.com/

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(39)

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

动画

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(40)

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

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

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

扁平化ppt的制作(5分钟教会你如何打造优秀的扁平化PPT)(41)

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

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

猜您喜欢: