打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
你会扁平化设计吗?50页ppt课件教你学会扁平化设计的核心方法

课件主要内容有:设计四原则、关于字体、图片的处理方法、动画转场的制作、伪扁平的设计方法、扁平化PPT颜色的配色方法、色块的应用和图标的选用。

首先要弄清楚一个问题,什么是扁平化设计?对于扁平化的定义,依然没有一个固定范式,但概括起来有下面四个特征:(1)没有多余的效果,例如投影、凹凸或渐变等;(2)使用简洁风格的元素和图标;(3)大胆丰富且明亮的配色风格;(4)尽量减少装饰的极简设计。时至今日,扁平化已不再是流行一时的设计风潮,而是一种美学风格。扁平化大胆的用色,简洁明快的界面风格一度让大家耳目一新,当它对元素效果抛弃的如此彻底之际,它又将效果捡起来,改装成另一番模样,使得扁平化进化为扁平化2.0。

很多设计人员所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里,扁平化高光、阶梯式渐变以及所谓的长投影是允许的。

那么,完全照搬这些规则,是否能制作出漂亮的扁平化风格的PPT幻灯片呢?这并非一个非常困难的进阶过程,需要的只是一层被捅破的窗户纸。那么下面我们就来捅破这层窗户纸。

首先要记住,原则是可以打破,前提是你知道你为什么要打破。设计的四原则就是辅助我们在制作PPT的过程中,依据哪些规则进行设计和元素布局。

第一个原则是:亲密。这个原则的核心就是:相互关联,意思相近的内容应该放在一起。请观察以下图像,如果你要找一瓶可乐,那是不是要从头到尾看一次?很浪费时间对不对?经过亲密性原则调整后,你就可以很快地找到饮料区,从中找到可乐。

第二个原则是:对齐。保证页面上的某两个元素之间总是围绕一条直线对齐。左侧的排版是想说明你的信息是乱“拍”上去的吧,信息量再大一点整个页面就崩了。调整之后马上简洁大气上档次了!善用“对齐”功能吧!

第三个原则是:对比。有意识地增加不同等级元素之间的差异性,要么相同,要么完全不同。左侧的排版虽然简洁大气,但是略有点平淡,没有层次。右侧的排版先不论这样的调整适不适合,但是不是马上就刺激眼球了,更有主次了?

第三个原则是:重复。分析元素等级后,选取相同等级的元素来重复。从单个页面来说,“解释说明”部分的字体、大小都体现出重复性原则,保证了单个页面的稳定性。从多个页面来说,转场页属于同一等级,所以他们应该具有某些重复的特征,如这三幅例子,除了颜色之外,其他特征都是相同的,而颜色的不同让PPT更有味道。

略作小结,PPT设计的四原则分别是:亲密、对齐、对比、重复。

PPT扁平化设计中的第二要素是 :颜色。

扁平化选色原则是:鲜艳而不刺眼。那这有是什么意思呢?

扁平化风格通常使用非常鲜艳的颜色,使用刺眼的色块,可以想向下大面积使用是什么效果?正确做法是将颜色调灰点,微调色相,适当调低调饱和度和亮度。

颜色的使用是使用降低饱和度和亮度的颜色,那么怎么和其他元素进行配色,这就是下面的问题了。首先要确定背景色,背景色重要到要单独拿出来!

背景色是白色:干净简洁,最普遍的背景色,可在局部加装饰适当美化,提高档次!

背景色是非白色的情况下,可以使用暖色系、冷色系和图片!

不建议使用暖色的背景色,容易亮瞎观众眼球,而且看久了眼睛会有视色错觉现象。

冷色是比较常见使用的时候注意图元素颜色的兼容,例如跟图表、色块颜色的对比一定要够大。

图片简单的可以直接使用,复杂的建议先做模糊、调暗处理或者加色块,遵循不刺眼、不影响信息的原则。

若是使用多色系做PPT幻灯片,首先要确定主色,再选4到5种颜色做辅色,来做色块的颜色。

若是使用单色系做PPT幻灯片的背景,那么应以主色为基础,改变颜色的饱和度和亮度。

还有一种近期比较流行的配色方案——复古色,可以带来比较稳重的观看效果。

下面介绍一个配色参考网站,http://flatuicolors.com/。很有爱的配色网站,可惜它的颜色参数复制功能在PPT里应用不了,这里就不赘述了!但是可以使用Photoshop辅助完成。

这是另一个配色方案参考网站,http://www.peise.net/tools/web/。这个可以随心随意的调整颜色配置方案,熟话说,自己动手丰衣足食。

配色方案学会后,我们就要想更高级的扁平化设计进步,PPT扁平化设计的第三大要是——色块。

色块的形状结构尽量简单,建议使用简单、规则的图形,避免负责不规则的图形。

色块的样式要求做到三去,即去高光、去阴影、去渐变。

色块的大小也有讲究,大小取决于内容,一定要留有适量空白距离。

截下来就是PPT中图标的使用,这是一门非常难的技术活。

图标的提炼是一门技术,图标的使用不是随意的,它和标题同等重要。图标帮助观众理解内容,让观众可以在图标就了解演讲内容的方向,并且加深观众的印象。在有图标的情况下,图标与标题同等重要,甚至比标题更需要动脑。

仅从标题或正文中的某些名词中提炼图标,在大部分情况下是正确的,但是也存在图表贴切与否的问题。

下面推荐一个可以获取图标的网站,http://icomoon.io/app/,可以在这里下载大量精美图标。

第一次使用Icomoon APP,你会发现图标量不大,但是其实它还有很多!

http://thenounproject.com/,注册之后所有图标即可免费下载到SVG格式的图标!

然后通过Svg转PNG工具,就可以将下载后的图标进行格式转换,然后直接在PPT中使用,或进行二次编辑。

是的,你没看错,这不是个网站,这是让你自己做,需要熟练应用PPt中的图标绘制工具,包括:基础形状、形状联合、形状剪除、形状相交、形状组合和编辑形状定点。

图表编辑好后,不建议直接使用,而是要转白处理,调整图标的亮度至100%。为了兼容其他PPT版本,建议用CTRL+C和CTRL+ALT+V组合来生成白色Png

当然,也可以转成其他颜色,使用重新着色功能,可能调不到自己想要的颜色,建议在下载的时候通过颜色参数来控制颜色或者,你就拿PS出来吧!

下面是关于PPT扁平化设计的最难的部分——字体选择。关于字体的课程,我会拿出大部分原创课件资源和大家分享,也会录制课程视频进行说明。

选用字体的原则是:推荐无衬线,字迹够清晰,两字体最优 三个原则。

具体说明下就是:无衬线字体简单,没有过多的修饰,符合扁平化风格。扁平化风格经常需要反白,所以字体笔画也要讲究。在同一个PPT中,字体系列保持在2种左右。

一般使用的中文字体,包括:微软雅黑,方正幼线,方正细圆,方正兰亭。

英文字体包括:MS YAHEI(英文的雅黑),Nexa,Cicle Gordita,Quicksand等。

规则是这样的:正文字体建议使用比较粗的字体以便观看,纤细的会比较细致、有气质,粗壮的会更有力量。

字体的颜色也需要考虑明确,需要与背景色有鲜明的对比效果。

然后,我们说说在PPT扁平化设计中,图片的使用方案。

首先要做到是,获取高质量的图像资源,国外的图库网站http://wallbase.cc/toplist。也可以去谷歌的图像网站https://www.google.com.hk/。

扁平化PPT中图片的展示方式,最直接的就是:整页展示。这种方式最具有视觉冲击力。

第二种图像展示方式就是:大面积展示,然后使用其他元素进行点缀。

也可以使用方块进行部分展示,这样具有一定的艺术效果。

动画也是在PPT扁平化设计中经常使用的设计方法。建议不要盲目的使用PPT的动画效果,动画若是过多,会造成适得其反的效果。

动画的使用原则是:简单粗暴,也就是干脆、不花哨、不吸引注意力。这些动画建议使用:淡出、浮入、直线、弧形、转弯、形状、循环和自定义路径。

PPT幻灯片之间的切换动画效果,也是要做到干脆、不花哨、不吸引注意力。最有视觉效果的切换动画有:淡出、推进、擦除、揭开、覆盖和平移。

最后引入一个在扁平化2.0时代的一个新技术——伪扁平。

扁平化、简单扁平化和伪扁平化,以上三种视觉效果,可以看看下面的实例,具体应用在不同PPT中,有不同的视觉效果。

后记,我知道你不会全盘接收,我也不希望你会不加思考就应用。凡是规则都是拿来打破的,更何况我这不是规则。关键是你要清楚你自己为什么要这样做。

希望你能成功。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
实用干货 | 扁平化风格的 PPT 怎么做?
PPT升华技法
一图胜千言
为什么你做的PPT,总有违和感?
67页完整版,扁平化PPT图标素材,所有图标均可编辑,推荐收藏!
图标还能这么用?超全扁平化PPT制作指南!
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服