点击上面△蓝字,关注置顶后回复关键词【一周】
可以领取今日份小礼物哦
文章来自:Keynote 研究所
(WeChat ID:keynote520)
你好,这里是 Keynote 研究所,
我是人生哥。
对比、统一、对齐,这三个幻灯片排版的原则,你是怎么理解的?我在之前的文章中例举了一些原则性、规范性的排版建议,不知道你有没有掌握,这一次,我们想和你说说具体的排版样式,希望对你有帮助。
很多人都在讲如何制作 PPT,PPT 具体如何操作,却没有告诉你为什么这么做?人家说这样排版更精美,但看过了依旧不会排版,有些版式确实需要死记硬背,而有些版式是基于对原理的深度思考,也就是 一窍通,百窍通。
所以,这也是写这篇文章的初衷所在,试图以从 【为什么这么做】 入手,用最简单的方式向你说明该如何上手 PPT 排版,以此给你一个交代。谁说简简单单的 PPT 不能出彩呢?所以这篇文章既简单,也很难。
1
面积对齐理论是最小的突破点
之前我有粉丝在后台留言说,一张图一行文字,我到底是应该选用严格的居中对齐还是稍稍上移几个像素。这将是整篇文章围绕的核心点。
从排版的原理来看,你尊崇严格的文字居中对齐其实没有没有错误,如果我们非要进行深入的探讨,我想这可以具体分为两点:
1. 基于人眼的重心下落理论,其实我是建议你应该主观的将文字上移几个像素的。* 注意要把全部页面的居中文字都沿用这种规则,这里才是重点。
2. 基于演示场合的情况下,很多都是人站在投影前面,为了减少不必要的文字遮挡,这可能是关于上移文字位置的另一种考量。下面的这张图其实很具有代表性:
▼补充知识点:
通常对于一张单调的文字 + 图片排版,会使用以下 2 种补充方式:
□1. 根据文案添加装饰图标,营造精致感。如图:
□2. 根据文案添加引用和强调,强化文案讯息的传达。如图:
那么,在什么情况下使用严格的居中对齐呢?这里值得你注意的是:有边框限定 的排版可以采用严格的居中对齐,如图:
2
基于 黄金分割 的排版习惯
黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为 0.618。这个比例被公认为是最能引起美感的比例,因此被称为黄金分割。那么在幻灯片排版中了解了黄金分割又有什么意义呢?
我们会看到很多全图型的 PPT 封皮都会将标题文字放置在趋近黄金分割的位置上。如图所示,你其实不用太执着具体是不是 0.618,因为幻灯片本身 16:9 的画幅面积就并非按照黄金分割长度和宽度,你大概取画面的 1 / 3 位置即可。
▼那具体如何看出变化呢?我这里以两个形式举例。
□1. 图片排版时,主体文字沿用黄金分割放置。如图:
□2. 图片排版时,主体图像沿用黄金分割放置。如图:
我想这么说的话你就可能比较好理解了。拿前一周刷爆朋友圈的《新世相营销课》这张图为例,这张海报你可能已经看腻了吧,如图:
▼网格还原
我相信,任何一个小的知识点都值得我拆解。我们可以看出,文字标题部分沿用了 黄金分割 理论。问题出在了新世相张伟身上,感觉右侧的画面有些向外偏移,没有聚焦画面的感觉,给人的感觉就是好像这个文案和人物没有什么关系。
所以,基于上面的原则我做出了简单调整,将图片放置在黄金分割位置,调换人物方向,↓如图所示:
▼修改后
▼网格还原
最后,我们再换一种居中对齐的文字排版,如图:
▼修改后
▼网格还原
这个效果是不是也很赞?这也就是我们在下一章要重点进行说明的问题:PPT 排版,该如何对齐,和谁对齐?
3
排版,和谁对齐 是个大问题
PPT 排版,要排出精致感,为了精致这 2 字,我要来举几个例子详细解释其中的缘由。细心的你可能会发现,本篇文章第一节的标题是关于面积对齐的,这也是横跨文章的 隐藏关键点。请思考一下,什么才是真正的面积对齐?
PPT 在制作之前,我们都会先拉出参考线,将画面分为 2 部分:
1. 版心。2. 页面边距。
而这两项也决定了你的 PPT 元素应该和谁对齐。以下面的这张幻灯片为例,标准的上下三等分 PPT,文字你可以沿用中心对齐。如图:
我们可以看到,这样的幻灯片排版是看不出页面边距限定在哪里的。如图:
▼网格还原
接下来,我们进行一次升级,添加补充的文案信息。如图:
可以看到,左侧文字采用左对齐,已知边距位置,右侧文字采用统一元素、统一排版形式,这里是选用了 电影 使用左对齐,影片名称采用组居中对齐方式。如图:
▼网格还原
理解了这个文字组统一对齐的概念以后,再深入一点,左侧也改为居中对齐,我们来看这张图,够不够精致?又有什么问题?
▼网格还原
发现什么问题了吗?这一页幻灯片的版心和页面边距混在了一起,所以这种对齐的方式本身没有什么问题,但是组合到这一页 PPT 里面就有问题了,重心偏左。所以正确的方法是:除了要保持文字组的排版统一外,还要保持页面边距的统一和版心的统一。
▼网格还原
所以,基于版心 + 页面边距的考量,我们来看另一外一个排版的处理,如图:
这一页幻灯片有什么问题?一眼看上去什么问题都没有,但似乎又有一种说不出的重心偏左的感觉。补全网格看一下版心在哪?如图:
问题就显而易见的多了,接下来我们补全这部分排版缺陷,有很多方法,比如添加装饰线,添加色块,或者改变左侧图片的版心占据位置,如图:
↓示例 1:补充页面边距,统一排版形式。
↓示例 2:添加限定页面边距的图形。
↓示例 3:图片收到版心之内,统一排版形式。
4
排版中图片的边距留白
基于上面的认知,我们可以引出下一个观点,如何通过版心与页面边距线确定图片是否留白,以一页简单的 PPT 分析,如图:
为什么图片在充满画面时,不留间距?
为什么图片在版心内排列时候,要留出间距。
▼这是因为:
当充满画面时候,图片并非个体而是一个组。而当图片在版心之中时,图片则是个体,这一点和文字的逐行阅读与逐字阅读很像。在幻灯片排版时,多个图片其实是以 图片组 的整体形式围绕版心与页面边距的关系进行留白处理,是否留白以版心为界,如图所示:
□1. 图片组超出版心线,可以选择不留白。
▼网格还原
□2. 图片组在版心线之内,可以选择留白。
最后,在你基于上面的一些原理的理解,下面的这 2 张 PPT,你应该会清楚的知道,页面的元素该和谁对齐,其实都是围绕网格化作图和版心与页面边距展开的排版探讨,希望对你有帮助。
从简入繁易,从繁入简难,再小的细节也值得深入推敲,希望这篇文章依旧对你有所帮助。
这里是 Keynote 研究所,每周一更新。
期待你的进步。
文章来自:Keynote 研究所
(WeChat ID:keynote520)
原文链接:https://www.163.com/dy/article/DDT1S42M0525KO0P.html