美文网首页生活才是灵感发源地PPT学习手册上班这点事儿
排版攻略 | 搞定PPT版式设计原来这么简单!

排版攻略 | 搞定PPT版式设计原来这么简单!

作者: 野生PPT玩家 | 来源:发表于2017-08-15 07:59 被阅读4638次

    对于职场人和大学生来说,经常需要制作各种各样的PPT,在设计和制作的过程中,排版又是非常关键的一环。

    排版好的作品会给人一种整齐感和美感,更重要的是,它能更清晰地展示幻灯片上的信息,让它们更易被观众所接受。

    而排版混乱的PPT给人的感觉就像是爆炸后的第一现场,不堪入目…

    对比以下的两个例子就一目了然了:

    别人家的PPT:

    图片来源于网络

    你接触的PPT:

    图片来源于网络

    既然排版是始终绕不过的话题,那么在排版上都有那些原则或者技巧呢?

    设计四原则

    《写给大家看的设计书》中提到了设计的四原则:亲密性、对齐、对比、重复。这四条原则非常具有实际运用价值。

    (有需要的小伙伴,可以在评论区留下邮箱,我会将电子版《写给大家看的设计书》发给你~)

    在PPT的排版设计中,运用好这四条原则,虽然不能让你的作品做到完美,但是从一份60分的设计达到80分的设计是绰绰有余的。

    那么,设计四原则都在讲什么呢?

    先拿一张幻灯片作为例子:

    如果把眼睛眯起来,你会发现你的目光是四处飘忽、没有重点的,这就是排版混乱带来的让人抓狂的阅读体验。

    下面分别来介绍这四条原则:

    亲密性:把相互关联、意思相近的内容放在一起。

    运用亲密性的原则目的其实是把信息进行归纳,让表达更有组织性。把具有内在逻辑关系的内容放在一起,不同的内容按照一定的间隔分隔开。

    比如对上面这张幻灯片做亲密性的处理:

    以这个幻灯片为例,通过对原来完全没有组织的信息进行分类,把同一类型的电影放在一起,形成一个视觉单元,不同类型的电影按一定的距离分开,形成明显的三部分,让幻灯片更容易被阅读,也更容易被理解和接受。

    总之,亲密性是第一步,它的目的是实现内容的组织性

    对齐:确保幻灯片上的元素依据某些直线对齐。

    经过第一步的亲密性的归类组合处理,已经将不同类型的视觉元素差异表现出来了,对齐原则就是在这些差异中寻求统一,其实就是把不同的元素根据某些直线串起来。

    PPT中有多种对齐方式,最常用的对齐方式是左对齐、右对齐和居中对齐,当然,借助参考线也是对齐的有效方法。但是这并不意味着对齐方式用得越多越好,比如已经用了左对齐,就不要再用居中对齐,否则只会适得其反。

    对齐原则的目的是使页面变得清晰有条理,使元素之间更具有统一性

    重复:视觉要素在整个作品中重复出现。

    经过前两步的亲密性和对齐操作,页面上的元素之间已经实现了组织性和统一性。但是,我们还需要通过重复来实现一致性。换言之,就是通过字体、字号、颜色、图案或者版式的重复,告诉观众,这些重复的部分是属于同一等级的。

    比如以上的幻灯片:

    这张幻灯片就是通过重复原则把三种类型的电影放在同一个等级上。

    但是,完全的一致会使得页面看上去非常呆板无聊,所以在运用重复性原则时,可以有所突破,比如对以上的幻灯片进行一定的改造:

    三种类型的电影之间还是保持同一个等级,这是因为它们的排版之间依然是重复的,但是不同类型间字体的颜色不同,这使得重复的元素不至于看上去太枯燥。

    此外,PPT的过渡页是应用重复原则的明显例子。可以看到,虽然每个序号后的色块颜色不同,位置也不同,但是仍然可以看出它们属于同一等级,因为排版保持一致,这就是重复的力量!

    对比:突出你需要强调的元素,使其与其他元素的差异化增大。

    对比给观众的视线提供了一个焦点,一个没有对比的页面就像是风平浪静的海面,平稳淡乏味。运用对比需要注意的是:要么不用对比,要么对比必须强烈!

    对比的方式可以是字号大小、字体类型、颜色等等,最终目的都是突出元素,增大差异性。

    比如以上的例子:

    再增加一些元素:

    对比一下修改前后,用这四个设计原则做出来的效果:

    熟悉了以上的四个原则后,就可以结合实际进行分析。

    文字排版

    文字少时

    封面页、目录页、专场页、结尾页的幻灯片文字会比较少,另外,用于演讲的幻灯片通常文字也较少。

    对文字较少的幻灯片排版,如果处理不当,很容易让人产生空洞的感觉,这时可以通过增大图版率(简单来说,就是页面中图片面积所占的比重)来避免页面的空洞感。

    另外,对于文字较少的幻灯片,文字应该作为整个页面的焦点,因此设计的落脚点应该放在文字上:

    对于目录页,最常见和最重要的就是采用重复原则:

    文字多时

    阅读型的幻灯片,文字通常都很多。

    对文字多的幻灯片排版,其实就是综合利用以上四个原则。可以从:亲密性→对齐→对比→重复这个步骤来进行分析。

    下面举一个例子来说明:

    这是一段直接从Word文档复制过来的文字。乍一看,就是一堆文字的简单堆砌,想必没有几个人能不打瞌睡地把这些文字读完。通篇的文字展示是Word要做的事,PPT要做的是把密密麻麻的文字转化为易于阅读、理解和接受的点(这也是PowerPoint中Point的意义)。

    所以第一步,先理顺文字的内在逻辑,进行分组归类,这时应用亲密性的原则,将逻辑上相近的内容放在一起,成为一个单元,将各个单元按照一定的间隔分隔开:

    这时已经初具雏形,已经有了比Word版本的文字更好的阅读体验。

    但是这样的幻灯片,乏味得就像是在喝白开水,可以通过对比的原则进一步强化要突出的元素:

    每个副标题增加了色块,使其与正文部分对比更明显;增加图标增多视觉元素,会显得内容更具体。

    再进一步对幻灯片进行处理,将正文的字体变细,增强对比;另外,加一张背景图片,增大图版率:

    直观地看看一段Word文字到PPT页面的对比:

    前后对比

    图文排版

    单张图片时

    对单张图片进行排版时,为了提高页面的图版率,我们经常将图片设置成幻灯片的背景。

    多张图片时

    对多张图片进行排版,需要对每张图片进行处理,以确保它们有相同的格式。

    添加色块来规范图片的排版可以起到不错的效果:

    图片来源网络

    以上通过几个实例介绍了排版设计的四个原则,对于更具体的内容,可以参考《写给大家看的设计书》。

    有需要的小伙伴,可以在评论区留下邮箱,我会将电子版《写给大家看的设计书》发给你!


    欢迎收藏点赞评论,或简信、微信和蹇之途一起交流讨论~

    另外,我将会把我在PPT学习过程中的思考、总结文章收录在PPT学习手册专题里,欢迎感兴趣的伙伴一起讨论,共同进步~

    往期推荐:

    做PPT没灵感?逛这几个设计网站就够了!

    安装教程| Office2016的正确打开方式

    快到飞起的PPT快捷操作

    如何用PPT做出有质感的字体

    相关文章

      网友评论

      本文标题:排版攻略 | 搞定PPT版式设计原来这么简单!

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