灰儿 发表于 2018-6-12 11:12:19

PPT排版,不可被忽视的8大神奇法则

掌握这些排版原则,你制作出的幻灯片就可以达到80%的品质感。编者按:文本来自微信公众号“keynote研究所”(ID:keynote520),作者:人生哥,36氪经授权转载。你好,这里是Keynote研究所,我是人生哥。
一直都认为,演示是要有温度的。也一直希望通过针对「小技能的思考」让你有「大的收获」,并在日后制作幻灯片的过程中可以沿用这些技巧。
关于排版,一直以为你什么都懂,但其实大部分人都是略懂。
我在之前的文章中一起同你们探索了一些关于排版的“关键点”,所以这篇文章也是对之前排版技巧进行了一些梳理,也是对排版内容的最终梳理。
往期排版文章:15个注意事项,让你的PPT更精致
标点符号都不会用,还做个屁PPT
ppt太丑?送你10个排版的小技巧
PPT排版时,我们往往会基于这4个基本原则:也就是:对比、对齐、重复、亲密。https://pic.36krcnd.com/201803/12094713/9x62qzw1tm6wlohg.jpg!1200可以说掌握了这些排版原则,你制作出的幻灯片已经可以达到80%的品质感。但是如何突破和提升,让PPT画面显得更加精致和美观,还是有一些小的细节需要你注意的。我们将由浅入深,建议你这样去做:
1、标题字的间距控制
认知:如何对标题进行有效调整?
我们常说,没有对比就没有伤害,间距的控制在于帮助用户快速的理解讯息,所以文字的间距值得你去注意。https://pic.36krcnd.com/201803/12095055/r2je5iva8oeft6vv.jpg!1200很多时候,你需要对文字的标题进行间距调整,让它变得更加易于阅读。如图所示:https://pic.36krcnd.com/201803/12095128/ts1sayt95uvsri95.jpg!1200https://pic.36krcnd.com/201803/12095142/w25a6dl6dbnfy3u4.jpg!1200实现方式:横向的字间距与段间距的关系请保持A>B的宽度,从排版上请注意调整间距。https://pic.36krcnd.com/201803/12095227/it590o15wsflvc1i.jpg!1200https://pic.36krcnd.com/201803/12095240/qk131qrpd9z781gb.jpg!12002、主副标题的间距控制
认知:如何让标题组搭配更美观
一级标题是主要的文字信息,要进行主观强化,二级标题需要弱化,那么间距要如何进行控制?https://pic.36krcnd.com/201803/12095841/d8tdcvzc81n6u8f2.jpg!1200https://pic.36krcnd.com/201803/12095909/dbfbg37udklxx49m.jpg!1200https://pic.36krcnd.com/201803/12095923/8l1iqh306lotb8sn.jpg!1200实现:段间距请保持,A—B中间请空出1倍的距离,最近不小于1/3的主标题高度,这样看起来更舒服。
3、主副标题的修饰控制认知:如何对标题组进行有效样式组合?
基于第2条的层级关系,我们可以对主副标题进行必要的修饰来强化对比,但每一条修改都绝不是胡乱加的。大致可以分为下面的几种关系,如图:
1.使用装饰线对主副标题进行等分分割,也就是A=B的关系。https://pic.36krcnd.com/201803/12100201/csybi8x8hmhx5jvt.jpg!1200https://pic.36krcnd.com/201803/12100211/czs0i1abuhw3lz0o.jpg!12002.使用装饰线对副标题进行等分分割,也就是B=C<A的关系。https://pic.36krcnd.com/201803/12100245/ng4f3xb6hicusbjl.jpg!1200https://pic.36krcnd.com/201803/12100302/26g1q2ttn1l6saj1.jpg!12003.使用描边和填充时候修饰时,请保持主副标题的两端对齐。https://pic.36krcnd.com/201803/12100324/1vxx6f45tdk1xbse.jpg!1200https://pic.36krcnd.com/201803/12100338/mlsr1ixmace05tyt.jpg!1200https://pic.36krcnd.com/201803/12100352/3vy0v0z9q4ghk47z.jpg!12004、中英文的排版关系认知:中英文排版如何放置英文?
当中英文辅助排版时,中文和英文如何进行排版这取决于你如何看待英文的功能属性。

[*]当英文属性为装饰时,请适当调大字号放在主标题的上方;
[*]当英文属性为补充信息时,请适当调小字号放在主标题的下方。
装饰属性↓https://pic.36krcnd.com/201803/12100637/dunn8ijttlddk2np.jpg!1200https://pic.36krcnd.com/201803/12100652/frl5yfn9fry8aw6y.jpg!1200补充说明属性↓https://pic.36krcnd.com/201803/12100709/vwhyye6w7culp6v6.jpg!1200https://pic.36krcnd.com/201803/12100725/bvm4iy7lt5x85n8g.jpg!1200英文的功能属性决定了中英文混排的位置关系,当然这种形式的组合并不局限于英文,重点是你怎么给「英文」做定义,这一点,我们可以通过更加明显的几页幻灯片可以理解。如下图:https://pic.36krcnd.com/201803/12100747/4fleq8jdiuxibfwj.jpg!1200https://pic.36krcnd.com/201803/12100757/peidmehmiyivii22.jpg!1200https://pic.36krcnd.com/201803/12100809/rvzn66o03rijwt6l.jpg!12005、标题与图形的组合认知:标题与元素图形搭配需要注意什么?
当你需要对PPT标题文字进行图案装饰时,请保持线段的宽度与字号的宽度相同。装饰线太粗很抢画面,装饰线太细,达不到修饰的作用。如图所示:https://pic.36krcnd.com/201803/12100919/g6mar7bj8ambx8lx.jpg!1200https://pic.36krcnd.com/201803/12100931/xv4siynkngkpkwvp.jpg!1200实现你需要将装饰线的宽度与文本的宽度控制在相同,也就是A=B。https://pic.36krcnd.com/201803/12101000/rdzyz8pmjygelv13.jpg!1200https://pic.36krcnd.com/201803/12101011/7j53fsyzqcdkgwmx.jpg!1200最后,完善幻灯片,补全画面装饰元素。https://pic.36krcnd.com/201803/12101028/6nogiy1x92lrq7cc.jpg!1200在这里要延展说明,此类型的幻灯片如何完成:做一页幻灯片,先问问自己想走什么路线,要极简就极简下去,要进行修饰就「做戏做全套」。
1.收集标题信息。拉开主次标题关系;https://pic.36krcnd.com/201803/12101132/d5rb8wx0ln4kvkj3.jpg!12002.添加装饰,保持线段宽度相等;https://pic.36krcnd.com/201803/12101156/0qocirgrqrnm2fxb.jpg!12003.添加二级装饰,进行空间减除。https://pic.36krcnd.com/201803/12101210/celgk1dd47x5nxgx.jpg!12004.补充周围的装饰强化固有版心区间;https://pic.36krcnd.com/201803/12101302/givsal6gs8au1zo0.jpg!1200这里值得你注意的是,原图本身是不带气泡的,我手工绘制了几个气泡,为的是强化PPT画面的氛围感。
6、装饰线的视觉引导
一张精致的幻灯片,需要设计者的精心营造,而很多PPT设计者是不知道如何为画面添加装饰的,以致于画面显得有些单薄,适当的添加装饰会让画面显得更加精致,那么如何添加装饰呢?这里我们要引入一个概念,就是PPT的网格化。
1.通常制作幻灯片的步骤,我们会先为画面拉出参考线,确定中心的版式面积,基于版心的位置,补充画面元素。
https://pic.36krcnd.com/201803/12101406/yt52bynn3u8bv4jm.jpg!1200https://pic.36krcnd.com/201803/12101421/puu7wbh7tef2edhb.jpg!1200https://pic.36krcnd.com/201803/12101456/r8ndvdq38fg4j9lg.jpg!12002.为画面单薄或者是内容不够丰富的区域,添加图形类、英文的内容进行修饰,补全网格信息,以此强化视线的引导。
添加装饰↓https://pic.36krcnd.com/201803/12101516/pjlufppwp5fi3u66.jpg!1200网格查看↓https://pic.36krcnd.com/201803/12101601/zexv09zce8s84lns.jpg!1200最终定稿↓https://pic.36krcnd.com/201803/12101617/u2r4lmw2zmvxl5oe.jpg!1200这里值得你注意右下角的箭头,要对画面主体信息聚焦,所有添加了三角符号,指向画布。7、装饰线的分割与亲近原则认知:装饰线不是随便加的吗?
基于上面的装饰线的视线引导,我们来讨论装饰线如何进行分割,如何与文字亲近。
以这一页幻灯片为例,采用的是“左右型”排版方式。但是如果添加的分割线让标题与正文面积均分,会使重点讯息的传达不够突出。如图:
https://pic.36krcnd.com/201803/12101853/pnwm8udcy74hcqzq.jpg!1200实现请保持装饰线与主标题靠近。也就是A>B的段间距离。https://pic.36krcnd.com/201803/12101920/7ymgqem2hzrr425z.jpg!1200https://pic.36krcnd.com/201803/12102017/z39bbwjm84sj8fu4.jpg!1200接下来,我们对内容进行高级一点的深入,拆分正文关键点。如图:https://pic.36krcnd.com/201803/12102034/lbclc60duo97xodv.jpg!1200https://pic.36krcnd.com/201803/12102100/34uzco4qc586o6tx.jpg!1200依旧使用亲近原则进行分割画面内容,也就是A<B,A+B大于C的关系。如图:https://pic.36krcnd.com/201803/12102129/2tf4qwyhc9oqrx8y.jpg!1200https://pic.36krcnd.com/201803/12102143/c01pp8xoqonjxzck.jpg!1200如此下来,即使你以后再次对画面进行元素强化、样式更改时,也能让用户很快的接受你传达的信息。如图:https://pic.36krcnd.com/201803/12102210/gd3lbgqr4q1m5oad.jpg!1200补充:装饰线什么时候该是均分的呢?
这一点取决于你的内容,由内容决定装饰线如何去完善。
1.文字组占据画面中心时,装饰线进行上下均分。https://pic.36krcnd.com/201803/12102252/52l85v3bsu3day32.jpg!1200https://pic.36krcnd.com/201803/12102312/zmy7gw7y2zspv8gt.jpg!1200https://pic.36krcnd.com/201803/12102325/59ac9816hsy8blb8.jpg!12002.信息组属于并列关系时,添加装饰线进行内容分割。
同样的一页幻灯片,当文字层并列放置时,可以为其添加装饰。https://pic.36krcnd.com/201803/12102409/5pmvtjyyamwdrn6b.jpg!12003.版式切换为居中型的排版,可以选择添加中性、非引导型的装饰线或图形。比如这样一页幻灯片,没有添加任何的装饰,显得有些单薄。https://pic.36krcnd.com/201803/12102447/5y38sgjqq12tr1pa.jpg!1200将标题组拆分,将标题「文字属性」转化成「图形属性」,添加分割线强化画面的装饰感。https://pic.36krcnd.com/201803/12102518/jfgo7trmy6qfodb7.jpg!12008、装饰线对版式面积的控制
认知:装饰线对版式的作用在哪?
根据上述的567的排版装饰原则所知,装饰线很大一部分承载的功能就是为了控制版式的“画面聚焦”,所以,如何给特定的画面空间添加「面积补全」型的装饰元素绝不是胡乱添加的,以这一页幻灯片为例:
[*]根据排版原则「面积均衡」,文字组被放置在了左下角,当文字组被你当做一个整体的时候,很显然通过上文我们可以知道,装饰线会沿用亲近原则放置在亲近主标题的位置。
https://pic.36krcnd.com/201803/12102640/o6u3adxyq6rttzcu.jpg!1200https://pic.36krcnd.com/201803/12102700/x7lcxisaa1l7s4ek.jpg!1200而当你换一种装饰手法时,装饰线则承载了补全画面空间的功能。你需要将装饰线放在标题的上方,如图所示:https://pic.36krcnd.com/201803/12102723/3vwh7ayhj3qxfzzb.jpg!1200https://pic.36krcnd.com/201803/12102808/t3qij90jtmi448i5.jpg!1200重点是补全面积,所以换什么元素样式都可以的。如图:https://pic.36krcnd.com/201803/12102909/0frk1f2ywitunfwu.jpg!1200最后,根据网格化原理,再来完善画面的底部(同元素的)纹理。如图:https://pic.36krcnd.com/201803/12102927/bgejz4xq7r0cfm2l.jpg!1200https://pic.36krcnd.com/201803/12102944/jvrfdt3v8xnppuy8.jpg!1200所以同理,当标题处于相反的位置时,也是基于这个原理,你必须要用组合式的思维看待装饰元素运用,否则上面的技巧你就白看了!!!https://pic.36krcnd.com/201803/12103027/gx52ou8ibybhb1i1.jpg!1200https://pic.36krcnd.com/201803/12103039/k0hwg3d2267dtkhm.jpg!1200https://pic.36krcnd.com/201803/12103050/qao0oljj86m345ku.jpg!1200以上便是关于排版的8个细节认知,希望对你有所帮助。你都掌握了吗?
从简入繁易,从繁入简难,初学者对于PPT的理解很多时候都停留在「故意而为」,但须知「舍弃」有时候也很重要。
这里是Keynote研究所,每周一更新。


页: [1]
查看完整版本: PPT排版,不可被忽视的8大神奇法则