美文网首页工具归纳UI设计PPT的秘密
效率排版!如何像烹饪一样做PPT?

效率排版!如何像烹饪一样做PPT?

作者: kyleChin | 来源:发表于2017-01-11 20:21 被阅读1848次

    职场中的你一定想做出高大上的PPT!但什么才是高大上?在我看来,PPT设计就跟做菜一样,页面上的每个元素是最原始的食材,而排版的规则就是烹饪的技法,最终能做出什么样的“菜”就看个人对规则的理解和应用程度啦……

    文/纸芝居K叔

    我们上一次在聊PPT策划(点击前往文章)的时候说过,演示的本质其实就是在良好的体验中高效的传递信息。想做好PPT必须扮演好的三个角色,编剧,需要将PPT的内容和逻辑进行策划编排;设计师,需要将幻灯片的进行制作美化;演员,需要将PPT生动地演绎给观众。

    前文我们说,PPT的内容逻辑决定了我们整场演示的说服力,要想写出有逻辑的PPT我们需要掌握一点点的套路,在PPT制作前期,编剧的这个角色非常的重要。

    今天,我们来聊聊怎么做好设计师这个角色。我一直有这样一个观点,PPT的设计其实在整个PPT的制作过程中是最简单的,设计在一般意义上来讲属于技术范畴,只要掌握方法,人人都可以是设计师。

    在我看来啊,PPT设计就跟做菜一样,页面上的每个元素是最原始的食材,事实上每个人拿到手的原材料其实都是差不多的,而排版的规则就是烹饪的技法,最终能做出什么样的“菜”就看个人对规则的理解和应用程度啦……

    今天我将从页面元素排版规则以及PPT常用的版式三个方面进行今天的分享。

    1.元素

    一个页面包含的元素

    我们知道原始食材的品质很大程度上决定了菜肴最终的品相,同样的道理,要想把PPT设计好,我们需要先对页面的元素进行挑选和改造。我们来看下这个页面,大家找一下这个页面一共包含哪些元素?我们可以很清楚地看到,有文字、图片、线条和形状。

    文字和图片本身是包含信息的,我们称之为信息元素,文字和图片在页面上至少需要存在其一,如果一页PPT上没有文字也没有图片,那么这页PPT将毫无意义;形状和线条,本身是不包含任何信息的,我们称之为辅助元素,他们的存在是为了辅助文字或者图片更好地传递信息。

    1.1-文字

    选择和自己PPT内容或者风格吻合的字体

    第一,选择和自己PPT内容或者风格吻合的字体。

    大家觉得这两张图的字体哪个用的比较合适?左边还是右边?很明显,右边的字体更适合我们这页PPT想要表达的意思。所以说,字体是有性格的,不同的字体可以表现不同的意境,可以大气磅礴,同样也可以清新可爱。

    推荐万能字体

    所以选择合适的字体非常重要,如果说我们的PPT的主题没有明确的风格偏向,推荐采用这些字体,通用性很强。当然如果你是给公司使用,一定要注意版权的问题。

    最近也比较流行书法字体,比如这个。但是问题来了,如果我也想用这个字体,但是不知道这个字体叫啥无法百度到,这个时候怎么办?

    如何找到这个字体?!

    没关系,我们有这个神器,求字体网,只要将你看到的字体截图上传到这个网站,它就能帮你找到你想找的字体,有时候甚至还有下载链接,有了它,以后再也不怕找不到想要的字体。

    | 字体网站推荐 | 求字体网

    第二,字体使用的标准是要清晰易看。

    图片来源于百度

    其实,这二十多年来我一直有个疑问,为什么99%的医生都不肯好好写字~比如这个,病历卡上的字我一个都不认识。如果观众看不懂你想要表达什么,那么这页PPT基本就废了,因为它无法精准地传递信息。

    为了确保整体风格的统一性,个人建议一个PPT或者一页PPT上只使用一到两个字体,能用一个就别用两个。做PPT的过程中千万别化身字体狂魔,看到好看的字体就用,这是非常可怕的事情。除此之外呢,文字的字号不能太小,建议正文的文字在18-28号之间,文本的行距不能太紧密,太密的话会影响观众阅读体验,建议设置个1.2-1.5倍左右的行距为最佳。

    1.2-图片

    我们常说一图胜千言,因为图片传递出来的信息更加的直观,容易被观众接受,PPT中经常会使用到图片,选用图片最基本的标准有两个,高清和无水印

    高大上和丑之间有的时候其实就是差了一张好图

    为什么?我们来看下这两页PPT 的对比,左边使用了比较劣质的图片素材,右边则替换了高清无水印图片作为背景,同样的内容,整体视觉效果高下立见,所以我们说高大上和丑之间有的时候其实就是差了一张好图

    相信绝大部分人最大的困扰不是用不好图,而是找不到好图,所以给大家推荐几个找图的好网站,全部都是高清好图免费下载,而且没有版权限制,可随意使用,尤其是第三个网站,图片很有创意,视觉冲击力都比较强,特别适合做演示!极力推荐!

    | 免费高清大图下载网站推荐 | pixabaypexelsgratisography

    PPT图片处理的8种方法

    值得注意的是图片找到以后一般都不是直接就使用的,我们需要对图片进行进一步的处理对,材料进行必要的加工,常用的图片处理方式有这8种。比如我们一般用剪裁去掉图片的水印,通过样式颜色效果等调整完成图片格式的统一。

    图层蒙版的使用

    我们举个例子,比如我们这个过渡页,图片的背景和文字的颜色对比度不强,明显文字已经有点看不清,这个时候该怎么办?
    很简单,我们只要在图片上加一层黑色半透明的底板就可以,弱化图片的信息的同时,突出文字信息,对比一下是不是比之前的好多了?我们将这层透明的底板叫做蒙版,事实上蒙版是图片在PPT运用当中最高频使用的方法。

    1.3-线条

    线条一般有虚线、实线、粗线以及渐变线几种形式,实际运用过程中大家可以根据自己的需要来选择,较细的实线一般使用的比较多。

    线条在排版中的作用

    我们可已通过线条来分割页面的元素,我也可以使用线条来连接页面元素,同时线条也可以使串联信息的线索,有时候线条仅仅是平衡页面的装饰

    1.4-形状

    基础形状没有信息

    形状的第一类叫做基础形状,主要包含圆形、方形和三角形,在设计领域他们是最基础的三个图形,通过他们的组合排列可以得出任何的形状。我之前提到文字和图片是都是蕴含信息的,而形状没有意义,所以在PPT的设计中,形状一直是万年绿叶的角色,他们的存在一般都是为了让信息更好的传达。

    形状在应用的过程中可以千变万化

    刚才我们说,通过这三个基本图形可以组合成任何的形状,所以形状在应用的过程中可以千变万化,不一定局限于这三种形状之中,比如这个案例,圆形和方形的组合,就可以得到这样一个版式。


    总是当绿叶,形状宝宝们心里也有不服气呀,所以他们搞出了图标这个玩意,将形状赋予了意义,终于翻身做了回主角。

    图标包含信息

    ����图标也是各大发布会上经常能看到的,图标的呈现简单直观,且层次分明,推荐展示信息较多的页面使用。

    同样,这边推荐两个超级方便的矢量图标库,阿里巴巴图标库,使用起来非常方便,比如我搜索的关键词是“医药”,就会有各种各样的与医药相关的图标供你选用,而且能调颜色和格式,非常好用,你根本不需要有画图标的能力,你只要会搜索就可以。同样第二个也是图标库存非常大的一个图标网站,如果你想使用一些拟物化的图标,可以到这个网站上找找。

    | 免费矢量图标下载网站推荐 | iconfonteasyicon

    好的版面,每一个元素在当前页对观众来说都应该是最好的视觉体验。

    2.规则

    讲完了“食材”,我们接下来讲烹饪的技法,也就是我们PPT排版的规则。我们说设计是相通的,万变不离其宗,平面设计中基本的排版规则同样也适用于我们的PPT设计,整齐、对比、亲密以及重复。

    2.1-整齐

    对齐!对齐!对齐!

    如果你以后想做好PPT的排版,千万别再把页面的中的元素随意摆放了,我们说想要做好排版,可能得先练练视力,练到一眼就能看出对没对齐就可以了。

    各个元素的对齐

    PPT中的主要元素排版都是基于各种逻辑关系,如文字与文字、图片与图片、文字与图片等等,这些逻辑关系在视觉上表现为内容边缘或中心焦点统一于一条明朗的视线。最重要的是各个元素之间也要做好对齐,这里对形状、文字以及线条也做了居中对齐。甚至四个整体之间也需要做好整体的对齐。所以我们说,要做好排版,第一步就是务必要做好元素间的对齐,这可能需要大家有点强迫症

    快速对齐工具

    很多小伙伴也表示,我知道要对齐,但是元素太多,一个个对齐太麻烦了。其实是你不知道快速对齐的方法,PPT内置了快速对齐工具,可以很快速的完成多个对象的对齐和排列。在格式-对齐这里就能看到我们所有的对齐命令,有左对齐、居中对齐、右对齐、顶端对齐、底端对齐等。

    2.2-对比

    为了让PPT中的内容要点展示更有条理,我们需要通过对比将其重要性层次划分出来,同时可以丰富PPT中的内容层级,整体内容一目了然。

    大小、颜色、形状、粗细

    为了强化页面中元素的不同点,通常我们通过大小、颜色、形状以及粗细四种方式,突出信息之间的差别,形成对比。


    2.3-亲密

    其实就是让大家建立起模块化思维。亲密的意思就是,在内容或者逻辑上相互有关联的元素可以组合在一起形成视觉单元。提高观众的信息辨识度,明确归类的信息分组容易让观众快速理解页面中各部分内容的归属关系。

    模块化思维

    2.4-重复

    其实就是要保持整体的统一性。某一视觉要素在PPT中的多次展现,包括特殊字体、字号、配色、装饰性图形、图片风格等。

    保持整体的统一性|

    | 排版书籍推荐 | 《写给大家看的设计书》

    3.版式推荐

    我们说基本的排版原则只能指导方向,或者说提供一个标准,让大家知道怎么做是正确的。如果想要做出不一样的设计还要多去参考和借鉴,多去看看好的版式是什么样的并尝试模仿出来,这样才能找到PPT设计的感觉。这里推荐三种在PPT设计中经常能够使用到的版式,仅供大家参考。

    3.1-居中型版式

    这个不难理解,就是把想要表达的主题放在视觉中心,所有的文字或图案都是居中对齐,居中型排版具有突出主体、聚焦视线等作用。

    居中型版式

    3.2-对称型版式

    就是左右或上下图案沿着对称轴翻转形成的一种版面,图案可以是相同也可以是相似,对称型版式给人一种整稳定、醒目大方、理性的感受。在突出主体的同时又能给予画面稳定感,并且画面具有一定的视觉冲击力。对称型版式又分为相对对称和绝对对称,绝对对称容易让画面显得呆板,所以相对对称用的比较多,可以让画面有变化,打破呆板。

    对称型版式

    3.3-分割型版式

    利用分割线或颜色把画面分割成几个块面,根据块面体积的大小来体现主次关系,每个块面看似相互独立但是又相互联系在一起,分割型版式需要做好视觉引导,不然会造成视觉混乱,一般图片和文字较多时可以使用分割型版式,这样的版式使画面中每个部分都是独立存在,在观看时不会感觉累,做好视觉引导和方向是分割型版式的关键,可以大小对比和颜色对比来丰富画面,使画面不单调和拥挤。

    分割型版式

    当然除了上面介绍的版式以外,还有很多排版方法,比如三角排版、对角排版、圆形排版、混合型排版等等,其实方法都是大同小异,没什么区别,最重要的还是要去多看,多收集好的版式,构建自己的版式库

    我的版式库

    比如我的版式库是按照单页图片的数量来分类的,比如单页只有一张图片时有哪些好的版式,平时在浏览网站的时候有意识地去收集好的版式,日积月累你自己的参考版式库就建立起来啦,这里推荐几个看好设计的网站。

    | 版式收集网站推荐 |behancedribbblepinterest

    | 模板网站推荐 | yanj

    结语

    PPT的设计其实很简单,只要掌握方法和规律,人人都是设计师。下期我们聊配色!敬请关注!如果喜欢,请点个赞~


    文/kyleChin

    相关文章

      网友评论

      • 灿烂的GL:老师,想问问素材是从那个网站选的,自己通常找的良莠不齐,质量都不太好
        灿烂的GL: @kyleChin 谢谢👍
        kyleChin:http://hao.uisdc.com
      • Crfevery:写的好,前辈
      • 安如山:觉得很实用
      • 6206d42653e3:连看三篇,有血有肉:既有逻辑和理论框架,又给出素材库和示例,受益匪浅!已珍藏~
        kyleChin: @清清漫 谢谢鼓励😬
      • 6f888f25b461:很有水准的讲解,楼主必火🔥😘
        6f888f25b461: @纸芝居K叔 这真是极好的,已收藏😘
        kyleChin:@jingdou520 哈哈,这个专题将连载,欢迎关注!
      • b73eff87c38d:大神超级厉害!
      • j将军:很专业很有水准,学习受教了
      • 尔东茈:好多干货和链接
      • fe7629092030:不错,赞一个👍
      • 914fffdf9ed5:做我修改的图
      • 914fffdf9ed5:经常用一些简洁的模版,需要自己修改,能不能多安利一些修改的图,让我学一下子
      • 八八六八:实用易上手,阅读本文也是一种享受,超赞的!
        kyleChin: @760571f71610 哈哈,你也来了,谢谢打赏😃
      • b14ed9a78543:钱老师,有没有跟美食、果蔬、食材相关的高清图片下载网站
      • b14ed9a78543:钱老师,有没有跟美食、果蔬、食材相关的高清图片下载网站
        kyleChin:@好奇的丹丹 正好有:smile:
        b14ed9a78543:@纸芝居K叔 感谢钱老师,真是有求必应呀:pray::pray::pray:
        kyleChin:http://raumrot.com/image-category/food-images-free-for-commercial-use/
      • 菠菜黄:好就对了!:stuck_out_tongue_winking_eye:

      本文标题:效率排版!如何像烹饪一样做PPT?

      本文链接:https://www.haomeiwen.com/subject/voalbttx.html