PPT怎么打造完美扁平化风格

   一、扁平化PPT设计之四大原则

  1、亲密:相互关联的内容最好放在一起


  如果叫你从左图中找到可口可乐,你能一眼看出来在哪里吗?很难。但是按照亲密性原则调整后,右图是不是更容易找到一些?

  2、对齐:保证页面上的某两个元素之间对齐。(对处女座来说是小case)


  对齐,这确实是一个很简单的问题,但不知道应该感到幸运还是不幸,这个世界上并不是每一个人都是处女座,能把PPT收拾干净。在做扁平化PPT时,一定要记住对齐,不然就会画虎不成反类犬。

  在上面的示例中,左图的信息显得非常乱,如果信息在多一点,页面就崩掉了。儿右图对齐以后,就显得简洁大气上档次了。

  3、对比:有意识地增加元素间的差异性。


  将元素对齐以后,虽然好了许多,但是画面略显平淡,没有层次。看一看右边的一幅图,会不会感觉更刺激眼球,更容易让人抓住重点了?(这里我们先暂且不论针对上图如此调整适不适合)

  4、重复:取相同等级元素来重复使用。


  从多个页面来说,转场页(小白请说人话:可以简单理解为下一个内容的主题封面)属于同一等级,所以他们应该具有某些重复的特征。如上图的例子所示,除了颜色之外,其他特征都是相同的,而颜色的不同让PPT看起来更有味道。而从单个页面来说,“解释说明”部分的字体、大小都体基本一致,保证了页面的稳定性。

  小结:说了这些,头晕了吗?看看下面的记忆方法


  二、扁平化PPT设计之颜色

  1、配色原则:鲜艳而不刺眼


  扁平化设计的一大特点就是鲜艳,但这也要适度。左图中,我们看到刺眼组在小面积色块的情况下都显得非常刺眼了,如果大面积使用,你和你的小伙伴儿还能一起愉快的玩耍吗?而和谐组就显得柔和多了。

  如何调整:如右图所示,微调色相,适当调低饱和度和亮度。(小白请说人话:最简单的就是调整由图中,右侧“一条”的由黑色渐变白色的那个。)

  2、确定背景色:非白色——暖色、冷色、图片


  关于暖色:不建议使用,容易亮瞎观众的双眼,仍以产生残像。

  关于冷色:使用较多,但要注意颜色的兼容。例如上图中,图表与背景的颜色区别一定要打,不然根本看不清楚。

  关于图片:如果图片并不花哨,可以直接使用。但如果图片过于艳丽抢眼,这应该处理以后再使用。比如:模糊、调暗、加色块。总之要遵循:不刺眼、不影响信息的原则。

  博主:这里讲一讲如何模糊图片(以PowerPoint2013为例)。在功能区中选择视图→幻灯片母版→选中左侧幻灯片最上面一张(最大一张)→插入图片→选中图片→格式→艺术效果→虚化。你还可以选择“艺术效果选项”,在弹出来的编辑区域,调整虚化半径,这样虚化效果更好。

  3、多色系与单色系


  多色系:确定主色,再选择4-5中辅色,来作为色块颜色。

  多色系:以主色为基础,改变颜色的饱和度和亮度。

  4、配色参考网站

  http://www.flatuicolors.com/

  http://www.peise.net/tools/web/(推荐)

  这两个网站简单易用,即使不懂配色,也能找到最合理的配色方案。其中第二个是国内网站,且在右下方有华丽丽的教程。

  另外,要说明的是,很多配色方案可能乍一看上去并不好看,但实际上是,谁用谁知道!!

  三、扁平化PPT设计之色块


  扁平化PPT设计的一个精髓就是在美观的前提下力求简单,因此在色块形状的选择上尽量简单、规整的图形,避免复杂不规则的图形,多边形最好不要超过6边,以免分散观众注意力。另外,对于色块的大小也要注意根据内容大小而定,一定要留有适量的空白距离,不然会显得很Low。

  关于色块的样式,也尽量简单,至少要做到“三去”:去高光、去阴影、去渐变,这样反而简单。(小白请说人话:就是插入一个图形,去掉边框就可以了)

  四、扁平化PPT设计之图标


  图表并不是随便用的,好的图标能够帮助观众更清晰地了解内容,并加深印象。毫不夸张地说,图标和标题一样重要,甚至更重要。

  如何获得PPT图标:

  1、拿来主义

  http://icomoon.io/app/

  http://thenounproject.com/

  这两个网站都是国外网站,能不能打开就看你人品了,至于如何使用这2个网站,我就不多说了,你能找到我这个网站就已经说明一切了。另外你也可以到本站找找:http://www.tretars.com/ppt-resource。

  2、自己动手,风衣足食

  PPT已经足够强大,尤其是2013版,完全可以自己制作,其过程并不像我们想象的那么难。


  (PPT中,这几个功能非常重要)


  如何转换PPT图标格式:

  1、在线转换。

  可以使用这个网站进行转换:http://www.fileformat.info/convert/image/svg2raster.htm。是不是感叹,对我的感激之情犹如滔滔江水......别急,这个只是用于SVG的转换为PNG、JPG、TIFF的工具,用处也有限。

  2、AI

  看到AI这两个字母,是不是就想扁我了?这也没办法,要有高逼格,就要有做苦逼的准备。

  五、扁平化PPT设计之字体


  不知道你有没有研究过苹果、魅族、小米、锤子等手机厂商发布会时用的字体,他们的字体都是无衬线的字体,至于什么是无衬线字体上面已经讲得很清楚了。一般来说,我认为比较好看的中文字体有:微软雅黑、方正幼线、方正细圆、方正兰亭;比较好看的英文字体就太多了。在本网站也有不少好字体,可以去找找。


  除了字体的大小关系,字体的颜色也很重要。最常用的就是黑白两色,至于其他颜色,一定要保证其与底色对比较大,而且和谐。大红陪大绿就不要出现了。

  六、扁平化PPT设计之图片

  PPT图片展示最常见的就只有3种方式:整页展示、大面积展示、方块展示。当然,这里只是粗略地讲了一些PPT图片的展示,更多的PPT图片排版可以参考此教程《PPT教程|10个技巧让你的PPT图片看起来逼格十足》。


  七、扁平化PPT设计之动画

  PPT的基本动画虽然简单,但是多种简单的组合却能带来华丽丽的展示效果,这里就不展开说了,就直接简单粗暴地说说有哪些作者常用的动画吧。

  元素动画:淡出、浮出、直线、弧形、转弯、环形、循环、自定义路径。如果你找不到的话......那就再找找吧。

  转场动画:淡出、推进、擦除、揭开、覆盖、平移。

  总之,扁平化PPT动画的原则就是:干脆、不花哨、不吸引注意力。

  八、扁平化PPT设计之伪扁平

  所谓伪扁平就是扁平的不够彻底(好吧,这个解释好苍白),直接看图吧,有图有真相。

时间: 2024-08-17 14:13:03

PPT怎么打造完美扁平化风格的相关文章

怎么做出扁平化风格的PPT

  怎么做出扁平化风格的PPT         一.色块的使用 不要为色块添加乱七八糟的效果,像阴影,倒影.立体等. 1.在纯色背景上直接插入色块,作用是为了对内容进行相应分类,以凸显层次,这一点大家一定要记着,不是平白无故地随意使用色块. 下面这两张是微软官方的一份PPT案例: 2.当需要在全背景图上写字时,如果背景素材过于复杂,比如下图这样的,可以考虑添加透明色块,以防止文字看不清楚的状况. 大家可以看到,如果我把透明色块去掉的话,文字的表现力就会减少很多. 3.如果幻灯片中的图片不能铺满全

photoshop设计一个扁平化风格的天气主题图标制作教程

给各位photoshop软件的使用者们来详细的解析分享一下设计一个扁平化风格的天气主题图标的制作教程. 教程分享: 最终效果:   让我们开始学习吧! 1. 做一个彩虹图标 第一步 我们开始画彩虹的最外层红色条纹. 用椭圆工具(快捷键U)画一个450 x 450 px的圆,打开属性面板(窗口>属性)在属性面板中,我们可以改变圆的大小.位置.颜色等等一些其他的设置. 把圆的描边设置为3 pt,不填充颜色,然后我们调整下描边的颜色. 单击描边颜色图标,开打颜色样本选择窗口,你可以在样本中选择一个颜色

jQuery扁平化风格下拉框美化插件FancySelect使用指南

 这篇文章主要介绍了jQuery扁平化风格下拉框美化插件FancySelect使用指南,需要的朋友可以参考下     FancySelect是一款小巧实用的jQuery下拉框美化插件.该下拉框美化插件采用扁平化设计风格,是追求时尚的开发者的首选下拉框美化插件之一. 使用方法 HTML结构 FancySelect实用十分简单,它可以和jQuery或Zepto结合使用.在页面中放置一些 <select> 下拉框组件,然后就可以通过 .fancySelect() 方法来调用该下拉框插件.如果下拉框中

扁平化风格如何设计着陆页?

  扁平化风格越来越流行,相信设计师们对其都有自己独特的看法,今天收集了款扁平化风格的着陆页设计,希望能给你带来灵感呦. Siteleaf Mixpanel Bee LogoLagoon Kin Envato Marketplaces Foundation Pebble SurveyPlanet PressKing Treehouse Clogout Modulz Fostr Mention Invoisse Woopra DIY Peak

Photoshop设计扁平化风格的简洁名片

  先看看效果图 步骤1--尺寸,出血,色彩模式以及分辨率 打开PS,然后需要了解一点名片设计的知识,最重要的毫无疑问是尺寸,可参考本国名片设计规则,确定名片尺寸,国内一般是90mm*54mm(文中说英美国家一般是3.5 * 2 英寸). 色彩模式为CMYK,8位 16位 32位都可以,推荐使用16位,但是出于示范目的,本教程使用了8位,因为文件大小能小一点.分辨率300dpi.这样就能使名片清晰可见,符合业内标准. "出血"科普: 出血也是一种印刷业的术语.纸质印刷品所谓的"

Illustrator绘制扁平化风格的卡通人物肖像教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制扁平化风格的卡通人物肖像的教程. 教程分享:   现在开始我们的教程吧. 第一步: 我们将开始我们第一个任务的头像,我们使用矩形工具(括号内为快捷键,下同.矩形快捷键为M)制作一个65*80像素的浅粉色矩形,保持矩形选中状态.去对象>路径 >添加锚点.你将会注意到每一个矩形的边上出现了新的锚点.   第二步 继续使用对象>路径 >添加锚点.为矩形的每个边增加两个点. 我们不需要用上面的锚点,所以我们删除它们. 用直接

疑小米MIUI 6锁屏界面曝光:扁平化 风格似Color OS

疑小米MIUI 6锁屏界面 曝光:扁平化 风格似Color OS还有不到一周的时间,MIUI 6就要和我们正式见面了,这款传说中的第三方Android系统究竟是什么样的呢?微博用户@闪闪的菊花i为我们揭开了它神秘的面纱.今天中午,@闪闪的菊花i曝光了一张疑似是MIUI 6的锁屏界面,从截图来看,MIUI 6扁平化应该是必然的了,不过色彩风格方面却和 OPPO的Color OS有些相似.图片中右上角的电池和信号图标与此前曝光的MIUI 6截图非常相似,因此这张图片的可信度颇高,不过截图时间为7月2

llustrator绘制扁平化风格卡通警察护士空姐肖像教程

给各位llustrator软件的使用者们来详细的解析分享一下绘制扁平化风格卡通警察护士空姐肖像的教程. 教程分享:   这一次课程是在上一次课程的续集,在第一个头像的基础上来完善第二个第三个以及第四个. 二.创建一个外科医生的头像 我们要使用上一次讲到的工人头像作为基础,描绘一个黑色皮肤的外科医生.所以让我们复制一个,右击,释放剪切蒙板. 然后删除头盔.胡子.橘色的工人制服,把背景色和投影变成黄色.继续一些元素的重新着色,例如,把衣服的颜色变为绿松石的颜色,皮肤色变成更深的巧克力色,同样头发和眉

Illustrator绘制六个扁平化风格卡通小动物肖像教程

给各位Illustrator软件的使用者们来详细的解析分享一下绘制六个扁平化风格卡通小动物肖像的教程. 教程分享: 1. 创建一个优雅的暹罗猫 第1步 首先从一个由椭圆工具(L)制作的60*60 px大小的圆形成猫的脸. 用浅褐色填充这个圆.   第2步 用直接选择工具(A)选择两边的锚点并将其向下拉动,改变脸部的形状.   第3步 现在让我们制作猫的耳朵. 选取多边形工具并制作一个大小大约为17 * 15 px的三角形. 使用效果>变形>凸出并设置垂直方向的弯曲值为40%. 给这个形状应用对