PPT排版“不为人知”的4个小秘密

举报 2018-03-28

源:keynote研究所(公众号:keynote520)

作者:人生哥

本文已获得授权,转载请联系原公众号

对比、统一、对齐,这三个幻灯片排版的原则,你是怎么理解的?我在之前的文章中例举了一些原则性、规范性的排版建议,不知道你有没有掌握,这一次,我们想和你说说具体的排版样式,希望对你有帮助。

很多人都在讲如何制作PPT,PPT具体如何操作,却没有告诉你为什么这么做?人家说这样排版更精美,但看过了依旧不会排版,有些版式确实需要死记硬背,而有些版式是基于对原理的深度思考,也就是一窍通,百窍通。

所以,这也是写这篇文章的初衷所在,试图以从【为什么这么做】入手,用最简单的方式向你说明该如何上手PPT排版,以此给你一个交代。谁说简简单单的PPT不能出彩呢?所以这篇文章既简单,也很难。


一、面积对齐理论是最小的突破点

之前我有粉丝在后台留言说,一张图一行文字,我到底是应该选用严格的居中对齐还是稍稍上移几个像素。这将是整篇文章围绕的核心点。

从排版的原理来看,你尊崇严格的文字居中对齐其实没有没有错误,如果我们非要进行深入的探讨,我想这可以具体分为两点:

1.基于人眼的重心下落理论,其实我是建议你应该主观的将文字上移几个像素的。*注意要把全部页面的居中文字都沿用这种规则,这里才是重点。

PPT排版“不为人知”的4个小秘密

PPT排版“不为人知”的4个小秘密


2.基于演示场合的情况下,很多都是人站在投影前面,为了减少不必要的文字遮挡,这可能是关于上移文字位置的另一种考量。下面的这张图其实很具有代表性:

PPT排版“不为人知”的4个小秘密

▼补充知识点:

通常对于一张单调的文字+图片排版,会使用以下2种补充方式:

1.根据文案添加装饰图标,营造精致感。如图:

PPT排版“不为人知”的4个小秘密

2.根据文案添加引用和强调,强化文案讯息的传达。如图:

PPT排版“不为人知”的4个小秘密

那么,在什么情况下使用严格的居中对齐呢?这里值得你注意的是:有边框限定的排版可以采用严格的居中对齐,如图:

PPT排版“不为人知”的4个小秘密

PPT排版“不为人知”的4个小秘密


二、基于黄金分割的排版习惯

黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618。这个比例被公认为是最能引起美感的比例,因此被称为黄金分割。那么在幻灯片排版中了解了黄金分割又有什么意义呢?

PPT排版“不为人知”的4个小秘密

我们会看到很多全图型的PPT封皮都会将标题文字放置在趋近黄金分割的位置上。如图所示,你其实不用太执着具体是不是0.618,因为幻灯片本身16:9的画幅面积就并非按照黄金分割长度和宽度,你大概取画面的1/3位置即可。

PPT排版“不为人知”的4个小秘密

▼那具体如何看出变化呢?我这里以两个形式举例。

1.图片排版时,主体文字沿用黄金分割放置。如图:

PPT排版“不为人知”的4个小秘密

2.图片排版时,主体图像沿用黄金分割放置。如图:

PPT排版“不为人知”的4个小秘密

我想这么说的话你就可能比较好理解了。拿前一周刷爆朋友圈的《新世相营销课》这张图为例,这张海报你可能已经看腻了吧,如图:

PPT排版“不为人知”的4个小秘密

▼网格还原

PPT排版“不为人知”的4个小秘密

我相信,任何一个小的知识点都值得我拆解。我们可以看出,文字标题部分沿用了黄金分割理论。问题出在了新世相张伟身上,感觉右侧的画面有些向外偏移,没有聚焦画面的感觉,给人的感觉就是好像这个文案和人物没有什么关系。

所以,基于上面的原则我做出了简单调整,将图片放置在黄金分割位置,调换人物方向,↓如图所示:

▼修改后

PPT排版“不为人知”的4个小秘密

▼网格还原

PPT排版“不为人知”的4个小秘密

最后,我们再换一种居中对齐的文字排版,如图:

▼修改后

PPT排版“不为人知”的4个小秘密

▼网格还原

PPT排版“不为人知”的4个小秘密

这个效果是不是也很赞?这也就是我们在下一章要重点进行说明的问题:PPT排版,该如何对齐,和谁对齐?


三、排版,和谁对齐是个大问题

PPT排版,要排出精致感,为了精致这2字,我要来举几个例子详细解释其中的缘由。细心的你可能会发现,本篇文章第一节的标题是关于面积对齐的,这也是横跨文章的隐藏关键点。请思考一下,什么才是真正的面积对齐?

PPT在制作之前,我们都会先拉出参考线,将画面分为2部分:

1.版心。2.页面边距。

而这两项也决定了你的PPT元素应该和谁对齐。以下面的这张幻灯片为例,标准的上下三等分PPT,文字你可以沿用中心对齐。如图:

22.png

我们可以看到,这样的幻灯片排版是看不出页面边距限定在哪里的。如图:

▼网格还原

23.png

接下来,我们进行一次升级,添加补充的文案信息。如图:

24.png

可以看到,左侧文字采用左对齐,已知边距位置,右侧文字采用统一元素、统一排版形式,这里是选用了电影使用左对齐,影片名称采用组居中对齐方式。如图:

▼网格还原

25.png

理解了这个文字组统一对齐的概念以后,再深入一点,左侧也改为居中对齐,我们来看这张图,够不够精致?又有什么问题?

26.png

▼网格还原

27.png

发现什么问题了吗?这一页幻灯片的版心和页面边距混在了一起,所以这种对齐的方式本身没有什么问题,但是组合到这一页PPT里面就有问题了,重心偏左。所以正确的方法是:除了要保持文字组的排版统一外,还要保持页面边距的统一和版心的统一。

28.png

▼网格还原

29.png

所以,基于版心+页面边距的考量,我们来看另一外一个排版的处理,如图:

30.png

这一页幻灯片有什么问题?一眼看上去什么问题都没有,但似乎又有一种说不出的重心偏左的感觉。补全网格看一下版心在哪?如图:

31.png

问题就显而易见的多了,接下来我们补全这部分排版缺陷,有很多方法,比如添加装饰线,添加色块,或者改变左侧图片的版心占据位置,如图:

↓示例1:补充页面边距,统一排版形式。

32.png

↓示例2:添加限定页面边距的图形。

33.png

↓示例3:图片收到版心之内,统一排版形式。

34.png


四、排版中图片的边距留白

基于上面的认知,我们可以引出下一个观点,如何通过版心与页面边距线确定图片是否留白,以一页简单的PPT分析,如图:

为什么图片在充满画面时,不留间距?

35.png

为什么图片在版心内排列时候,要留出间距。

36.png

▼这是因为:

当充满画面时候,图片并非个体而是一个组。而当图片在版心之中时,图片则是个体,这一点和文字的逐行阅读与逐字阅读很像。在幻灯片排版时,多个图片其实是以图片组的整体形式围绕版心与页面边距的关系进行留白处理,是否留白以版心为界,如图所示:

1.图片组超出版心线,可以选择不留白。

37.png

▼网格还原

38.png

2.图片组在版心线之内,可以选择留白。

39.png

最后,在你基于上面的一些原理的理解,下面的这2张PPT,你应该会清楚的知道,页面的元素该和谁对齐,其实都是围绕网格化作图和版心与页面边距展开的排版探讨,希望对你有帮助。

40.png

41.png

从简入繁易,从繁入简难,再小的细节也值得深入推敲,希望这篇文章依旧对你有所帮助。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(10条)