[审美01]想做PPT的你不知道4项基本原则?

 

懒癌,无法被治愈。...

对比 | 重复 | 对齐 | 亲密
流量预估 0.7 M
共计 3989 字 | 建议阅读时间 10 分钟 


写在前面

想做出一个好的作品,但我对设计一窍不通怎么办?临时来了任务,需要做份PPT,但我无从下手怎么办?我觉得我做的东西挺好看但周围的人嫌丑为什么?……

碰到这样的问题,我一般都会推荐一本书:



今天讲一讲这本书里面所说的平面设计4大基本概念:Contrast对比、Repetition重复、Alignment对齐、Proximity亲密;首字母连起来就是一个单词:Crap(方便你记忆)。

对比

对比可以为页面增加层次,是有效突出重点的好方法。运用了对比技巧的页面,不仅更吸引人,页面的组织也会更加有条理,更具有可读性。

来个案例:

这是某中学语文课件中的一页。一眼居然看不出重点。这就是典型的把PPT当word用的案例。



(图源:http://down.teachercn.com/)

我们可以用色块分析法来看一看这一页的页面结构:橘色是标题,与正文形成鲜明对比,听众一眼就能分辨出哪里是标题哪里是正文;但整页都是堆积成块的文字,文本之间区分度不高,没有重点。



阅读后可以归纳出以下信息:

1.这页幻灯片的主题是智取生辰纲的故事结构

2.正文分为3段

3.每一段有三个部分:第N部分段落划分以及正文

该突出的突出,该缩小的缩小。在这个页面里,第N部分和正文是比较重要的,所以突出处理,而段落划分则选用了较细的字体并且缩小了字号。



色块分析:



当然,这页修改里还用到了其他的一些原则(4大原则各有侧重,但绝对不是相互独立的),这里重点用来讲述对比原则。

✦对比原则如何运用于PPT中?

PPT里常用又容易上手的对比技巧主要有以下几种:大小对比颜色对比方向对比感对比字体对比粗细对比形状对比等。

简单举几个例子:

颜色/大小/形状对比

颜色:中间的“现有竞争者”是最重要的部分,于是用了红色进行突出。

大小:“现有竞争者”——巨大。

形状:“现有竞争者”用的是方形。



方向对比/字体对比/粗细对比

方向:标题采用了竖版,与正文形成对比。

字体:同时还采用了与正文不同的衬线字体。

粗细:正文字号相同,但较细的部分用的是微软雅黑light(加强“细”的感觉),强调字体用的是微软雅黑并且加粗(加强“粗”的感觉)



质感对比

Business这个词做了金属效果的处理,与下方的扁平文字形成对比。


(图源:演界网-锐普PPT)

其实对比技法还有很多:虚实对比、空间对比等。但可能远超出初学者的范畴,就不多举例了。

Robin的对比原则指出:如果两个元素不完全相同,那就应该使其不同,而且是截然不同。

讲个例子可能会好理解一点:这是上一篇推送里的一页幻灯片, “元素”2字是需要进行强调的字。

4种改动中,红2、3、4是对比较为明显的,因为需要被强调的元素从本质上发生了改变,与其他的文字有了一个很好的区分。红1的对比不明显,因为字体和字号相同,仅仅只是做了加粗处理,所以看上去区别并不大。

对比时只做出微小的变动有两个弊端:

1.观众有可能会忽略这种改动,觉得两者其实没区别,从而错过了你想强调的内容。

2.更糟糕的是,观众可能会产生一种疑问:这种“细微的不一样”到底是刻意而为?还是失误?如果是后者,那么就说明制作者没有用心去做这份作品。一旦观众产生了这种想法,你的幻灯片开始走向廉价了。

所以,如果两个元素不完全相同,那就应该使其不同,而且是截然不同。

关于对比原则,还有一点需要初学者加倍注意的是:深色背景用浅色字体、浅色背景用深色字体。只有这样子,才能够避免文字与背景过度重合,降低幻灯片的可读性。



来看个反例



重复

Robin的重复原则指出:设计的某方面需要在整个作品中重复

你在工作学习中肯定也用到过重复:在Word里相同层级的标题用相同的字号相同的字体;在学校里穿一样的校服;打游戏的时候队员都加一个相似的前缀【舞法天女·卡特小公举】【舞法天女·纯情的中指】;企业文件上有统一并重复出现的logo。

重复能为你的作品带来一种专业性权威性。因为一看就能感觉到:这个作品有专人在负责。

PPT中最容易察觉的重复是过渡页设计。其次还有各种元素:形状、字体、配色、logo等。



✦重复原则如何运用于PPT中?(不知道你有没有发现这个句式在本篇中已经是第二次出现了,这也是重复

在PPT中,重复原则需要注意以下方面:

1.字体的统一性。一般情况下一份PPT里以2-3种字体为宜。(正文字体、强调字体、装饰性字体),将其固定并重复。实在不行,通篇用一种字体也可以,虽然略显单调,但肯定不会错。(有可能会违反对比原则)

2.配色的统一性。一页一种配色也是很常见的丑法。正确的做法是选定一套合适的配色贯彻到底。(当然也有类似微软logo那种做法,一个部分用一种配色的情况,但是建议刚起步不要盲目尝试)。刚开始,建议是用最简单粗暴的配色法来完成一份PPT作品:背景色+正文色+强调色


3.配图的统一性。配图不仅仅是要高清、无码、有关联;图片与图片的风格还需要有一定的契合度。千万不要3D小人,矢量图,商务图,小人漫画,各种风格混着用。图片与其他元素也要统一,不要出现例如:商务用途的图片配字却是可爱系的“娃娃体”之类的。



4.最后要说的是细节的统一性。具体表现在:间距,元素,位置的统一上。
例如:同一层级的标题、正文字体,字号应该相同(如果不同的话,你要考虑是不是想要做“对比”);同一层级下,标题到正文之间的间距应该相同......

 
魔鬼在细节
。”
对齐

对齐,一项所有新手都会犯的基础性错误。最常见的就是文字图片一把抓,哪里有空位就把图片往哪里放。给人一种杂乱无章的感觉。

Robin的对齐原则是指:任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

对齐,能让你的页面看起来干净且有条理。常见的对齐方式有5种:左对齐,居中对齐,右对齐,两端对齐和分散对齐。

着重讲讲分散对齐和两端对齐:

分散对齐是在字符与字符之间填充空格,使文本两边对齐

两端对齐则是在单词与单词之间填充空格,使文本两边对齐(单行文字时效果与左对齐相同)

左/右对齐只负责对齐文本的某一边,另一边不会对齐(请看下图的虚线)



所以为了让文本看起来方方正正的,我一般都选择两端对齐。

值得一提的是慎用居中对齐。居中对齐稳重、正式,适用于比较类似学术报告、商务汇报、婚礼请柬等严肃的场合;但居中对齐可能会稍显乏味。
而且一旦字数较多,
居中对齐还会造成对齐线不明显,
两端参差不齐的视觉感。
(图就不上了,
平时看微信推送的时候多看看,
哪一家喜欢用居中对齐,
效果如何)。
是不是觉得这一段话看起来特别丑?
一句话:慎用,甚至别用
✦对齐原则如何运用于PPT中?

1.找出一条明确的边界,页面中各个元素与之对齐。这条边界包括但不限于:图片的边界、形状的边界、文字的边界。(注意看下图的参考线)


(图源:演界网-灰色的风)

2.版心距。各个页面之间也要对齐。具体做法是在一开始就确定版心与页边的留白距离。不管每页内容是多是少,绝对不可以超过这些边界。虽然这么做会造成PPT可用面积的减少;但是留白会使得页面更加美观和统一。同时,目前国内很多单位、学校用的还是老式的投影仪。投影仪经常会无法对准幕布,投放出来的幻灯片会出现“切边”的效果。预先留白,在实际播放的时候一定程度上能缓解这种尴尬。



3.一般来说,要尽量避免同时使用2种或2种以上的对齐方式。

4.PPT的参考线。PPT自带的参考线非常好用,具体开启方法是快捷键:Alt+F9或者通过【菜单栏-审阅-参考线】开启。

注意:对齐指的是视觉上的对齐;参考线只起到辅助作用,你看着对齐了,才算对齐。

亲密

亲密,通俗点说就是“分组”。

Robin的亲密原则是指:将相关联的项组织在一起,使它们在位置上接近。这样一来相关的元素将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。亲密能够帮助你更好地组织信息,加速观众的理解,同时还能实现留白效果。

先说两条结论:

1.人们在识别物体总是会寻找规律

2.人们认为相邻的物体必相关

上案例:
上一篇推送中,有提到PPT=核心文案+逻辑表达+视觉设计。当我们把文案/素材整理完以后,得到的东西大概会是这个样子。



此时的信息还是相对散乱的,我们要决定用什么逻辑和方式来呈现这些信息。亲密性能够很好地帮助我们将信息分类。根据距离的亲疏我们可以打造出不同的表现方式,如下图:



:千万不要一股脑把东西放到页面里。虽然人们会寻找规律,但由于每个人的思维模式不同,你无法保证,观众找到的规律就是你想呈现的规律;即使是观众能够与你做出相同的理解,你也不应该这么做;因为你在无形中加重了阅读负担。幻灯片这种演讲形式,被设计出来,是为了将信息视觉化,加速交流,不是为了玩文字解读的。

举个反例,看看错误的分组是怎样的:这是某校的一个路牌。



根据底下的英文,可以得知,这个地点名叫“校-门诊部”,意思是“(学)校(的)门诊部”。可能是为了达到对称效果吧,制作者强行将名词断成了“校门-诊部”。恰巧门字既可以与后面组成“门诊部”,还能与前面组成“校门”。这就容易造成歧义,读出另外一种意思:“校门(的)诊部”;

读者可能就会往另一个方向去思考:这个诊部在“校门”附近吗?顺着箭头走是不是就能看见校门了?(实际上校门在箭头的反方向)既然有“校门”诊部,那么会不会有“教学楼”诊部?“宿舍楼”诊部?

错误的分组会造成不同程度的误读,所以,为了避免这种误解,提前分好组是有必要的。推荐使用色块分析法来检查自己的分组分得好不好(如果已经很熟练了,可以忽略这一步)。



第5大原则(自己加的):脱掉

掌握了平面设计4原则以后,你还要明白的一个词组就是:脱掉。去掉一切效果,从最基础的纯文字开始。记住那12个字:核心文案+逻辑表达+视觉设计。视觉设计,永远要排在最后,不可本末倒置。

能坚持看到这里的是真爱。现在你明白这里面用了什么原则吗?



这张图看着玩就好,千万别当真,也不要做这样的海报,丢人。

写在最后

1.此推送基于Robin Williams的作品《写给大家看的设计书》。

2.并不意味着事事都要遵守这4项原则,有时候打破常规也能做出好的作品。但打破规则前,你得先明白规则是什么

3.好像一不小心写得有点多,下期讲讲怎么找图片好了。

4.复习一下:对比 | 重复 | 对齐 | 亲密

5.Peer reviewers:Summer | Allen

The End

投个票,如何?





着努力和坚持到了一个又一个的案例。这确实是治疗懒癌的方法,居然一点都不觉得


    关注 鸡汁糖浆


微信扫一扫关注公众号

0 个评论

要回复文章请先登录注册