关注我的微信公众号:P点事儿 (pptdreamworks),获取最新PPT技巧和素材!
对于职场人和大学生来说,经常需要制作各种各样的PPT,在设计和制作的过程中,排版又是非常关键的一环。
排版好的作品会给人一种整齐感和美感,更重要的是,它能更清晰地展示幻灯片上的信息,让它们更易被观众所接受。
而排版混乱的PPT给人的感觉就像是爆炸后的第一现场,不堪入目…
对比以下的两个例子就一目了然了:
别人家的PPT:
你接触的PPT:
既然排版是始终绕不过的话题,那么在排版上都有那些原则或者技巧呢?
设计四原则
《写给大家看的设计书》中提到了设计的四原则:亲密性、对齐、对比、重复。这四条原则非常具有实际运用价值。
(有需要的小伙伴,可以在评论区留下邮箱,我会将电子版《写给大家看的设计书》发给你~)
在PPT的排版设计中,运用好这四条原则,虽然不能让你的作品做到完美,但是从一份60分的设计达到80分的设计是绰绰有余的。
那么,设计四原则都在讲什么呢?
先拿一张幻灯片作为例子:
如果把眼睛眯起来,你会发现你的目光是四处飘忽、没有重点的,这就是排版混乱带来的让人抓狂的阅读体验。
下面分别来介绍这四条原则:
亲密性:把相互关联、意思相近的内容放在一起。
运用亲密性的原则目的其实是把信息进行归纳,让表达更有组织性。把具有内在逻辑关系的内容放在一起,不同的内容按照一定的间隔分隔开。
比如对上面这张幻灯片做亲密性的处理:
以这个幻灯片为例,通过对原来完全没有组织的信息进行分类,把同一类型的电影放在一起,形成一个视觉单元,不同类型的电影按一定的距离分开,形成明显的三部分,让幻灯片更容易被阅读,也更容易被理解和接受。
总之,亲密性是第一步,它的目的是实现内容的组织性。
对齐:确保幻灯片上的元素依据某些直线对齐。
经过第一步的亲密性的归类组合处理,已经将不同类型的视觉元素差异表现出来了,对齐原则就是在这些差异中寻求统一,其实就是把不同的元素根据某些直线串起来。
PPT中有多种对齐方式,最常用的对齐方式是左对齐、右对齐和居中对齐,当然,借助参考线也是对齐的有效方法。但是这并不意味着对齐方式用得越多越好,比如已经用了左对齐,就不要再用居中对齐,否则只会适得其反。
对齐原则的目的是使页面变得清晰有条理,使元素之间更具有统一性。
重复:视觉要素在整个作品中重复出现。
经过前两步的亲密性和对齐操作,页面上的元素之间已经实现了组织性和统一性。但是,我们还需要通过重复来实现一致性。换言之,就是通过字体、字号、颜色、图案或者版式的重复,告诉观众,这些重复的部分是属于同一等级的。
比如以上的幻灯片:
这张幻灯片就是通过重复原则把三种类型的电影放在同一个等级上。
但是,完全的一致会使得页面看上去非常呆板无聊,所以在运用重复性原则时,可以有所突破,比如对以上的幻灯片进行一定的改造:
三种类型的电影之间还是保持同一个等级,这是因为它们的排版之间依然是重复的,但是不同类型间字体的颜色不同,这使得重复的元素不至于看上去太枯燥。
此外,PPT的过渡页是应用重复原则的明显例子。可以看到,虽然每个序号后的色块颜色不同,位置也不同,但是仍然可以看出它们属于同一等级,因为排版保持一致,这就是重复的力量!
对比:突出你需要强调的元素,使其与其他元素的差异化增大。
对比给观众的视线提供了一个焦点,一个没有对比的页面就像是风平浪静的海面,平稳淡乏味。运用对比需要注意的是:要么不用对比,要么对比必须强烈!
对比的方式可以是字号大小、字体类型、颜色等等,最终目的都是突出元素,增大差异性。
比如以上的例子:
再增加一些元素:
对比一下修改前后,用这四个设计原则做出来的效果:
熟悉了以上的四个原则后,就可以结合实际进行分析。
文字排版
文字少时
封面页、目录页、专场页、结尾页的幻灯片文字会比较少,另外,用于演讲的幻灯片通常文字也较少。
对文字较少的幻灯片排版,如果处理不当,很容易让人产生空洞的感觉,这时可以通过增大图版率(简单来说,就是页面中图片面积所占的比重)来避免页面的空洞感。
另外,对于文字较少的幻灯片,文字应该作为整个页面的焦点,因此设计的落脚点应该放在文字上:
对于目录页,最常见和最重要的就是采用重复原则:
文字多时
阅读型的幻灯片,文字通常都很多。
对文字多的幻灯片排版,其实就是综合利用以上四个原则。可以从:亲密性→对齐→对比→重复这个步骤来进行分析。
下面举一个例子来说明:
这是一段直接从Word文档复制过来的文字。乍一看,就是一堆文字的简单堆砌,想必没有几个人能不打瞌睡地把这些文字读完。通篇的文字展示是Word要做的事,PPT要做的是把密密麻麻的文字转化为易于阅读、理解和接受的点(这也是PowerPoint中Point的意义)。
所以第一步,先理顺文字的内在逻辑,进行分组归类,这时应用亲密性的原则,将逻辑上相近的内容放在一起,成为一个单元,将各个单元按照一定的间隔分隔开:
这时已经初具雏形,已经有了比Word版本的文字更好的阅读体验。
但是这样的幻灯片,乏味得就像是在喝白开水,可以通过对比的原则进一步强化要突出的元素:
每个副标题增加了色块,使其与正文部分对比更明显;增加图标增多视觉元素,会显得内容更具体。
再进一步对幻灯片进行处理,将正文的字体变细,增强对比;另外,加一张背景图片,增大图版率:
直观地看看一段Word文字到PPT页面的对比:
图文排版
单张图片时
对单张图片进行排版时,为了提高页面的图版率,我们经常将图片设置成幻灯片的背景。
多张图片时
对多张图片进行排版,需要对每张图片进行处理,以确保它们有相同的格式。
添加色块来规范图片的排版可以起到不错的效果:
以上通过几个实例介绍了排版设计的四个原则,对于更具体的内容,可以参考《写给大家看的设计书》。
有需要的小伙伴,可以在评论区留下邮箱,我会将电子版《写给大家看的设计书》发给你!
欢迎收藏点赞评论,或简信、微信和蹇之途一起交流讨论~
另外,我将会把我在PPT学习过程中的思考、总结文章收录在PPT学习手册专题里,欢迎感兴趣的伙伴一起讨论,共同进步~
往期推荐: