如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法


如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

生活中总有些东西值得分享

生活中设计无处不在,但是应用这么广的基本技能,去认真学习了解的人却不多。大家都希望掌握“学习几分钟,适用一辈子”的技能,这种高性价比的本事不多,而这本设计书里教的内容,算一份! ——苦柚小姐

—— 01 阅读之前 ——

虽然自己一直对设计很感兴趣的,但是扪心自问,真的去钻研设计的时间并不多,即使是做PPT也是更注重内容,或直接套用模板,对于什么设计原则或配色理念,一直在凭“女人的直觉”。一直自以为自己的直觉还可以,作为一个公司里那个「做PPT的」,基本的PPT设计是能够应付的,所以也并没有动力去认真钻研。

直到看了这本书《写给大家看的设计书》,才豁然开朗,像是被打通了任通二脉。了解了作者总结的设计原则后,我才终于明白自己很多直觉背后的原理是什么,以及那些总觉得有些问题却又说不出哪里不对的情况问题究竟在哪里,还有那些是直觉也不曾留意的但其实已经有问题的情况是什么(很拗口吧)。就像书中说到的「一旦能够说出什么东西的名字,就会很容易注意到它,你就会掌握它,拥有它,让它受你所控。」

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

这本书于2016年出版,目前已更新第4版

这本书的作者是美国的著名设计师Robin Williams,她通过写作和授课已经影响了整一代的数字设计师,且在Adobe 和 Mac等著名的技术社区拥有大量的粉丝。


如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

著名设计师及老师Robin Williams本人

这本是最大的特点就是用最通俗易懂的方式,揭开了设计的神秘面纱,就像Robin自己说的,她先是一位教师,其次是设计师,所以她首先站在学生角度,确定用一种别人更好理解的方式讲述她的理念。这本书也因为其简单易懂的的低门槛广受好评,在全世界范围内销售80万册,被翻译成十几种语言,出版当年在日本Amazon年度「艺术设计类」排名第一。

简单总结来说,这本书可以分成三部分,第一部分着重介绍了四大设计原则及在此基础上的颜色运用,第二部分介绍字体设计,而最后一部分附加了一些练习及测验答案。如果时间比较紧张或者对设计并没有极致追求的话,掌握第一部分「设计的四大原则」就能够掌握本书的精髓了。


—— 02 设计的4大原则 ——

书中总结的设计的4大基本原则是:对比;重复;对齐;亲密性。具体定义与解释如下:

对比(Contrast)

避免页面上的元素太过相似,如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那么就干脆让他们截然不同

重复(Repetition)

让设计的视觉要素在整个作品中重复出现,可以重复颜色、形状、材质、空间关系、线宽、字体、大小和图片等等,这样既能增加条理性,还能增强统一感。

对齐(Alignment)

任何东西不能在页面上随意安放,每个元素都应当与页面上的另一个元素有某种视觉联系,可以建立清晰、精巧、清爽的外观感受。

亲密性(Proximity)

彼此相关的项应该靠近,归组在一起。如果多个项之间存在很近的亲密性,就会形成一个视觉单元,而不是一个孤立的元素,有助于组织信息,减少混乱,提供清晰的结构。

这四个原则怎么使用呢?下面给大家举几个例子说明。

例子1:对比下面两张设计的效果

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计1-1

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计1-2——运用了亲密性原则

从二者的对比中,可以看到设计1-2中将介绍内容的文字靠近,和网络联系方式的文字、电话联系方式的文字分别靠近,分别组成了三个文字集,一眼过去就能更清晰判断每块数字集的信息内容,让整个排版变得更清晰明确。

类似的对比还有下面这张图,不用看清文字,就能看到明显右侧的图片更加清爽。

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计2-1&2 右侧的排版不但采用了亲密原则,还有对比原则,对齐原则和重复原则

明显可以看到,上面的对比中,右侧的排版运用亲密性,配合其他原则,让结构变得更清晰:

  1. 【亲密性】提炼活动主题为关键词,将长篇内容,划分成围绕关键词的三个文字块,让人一眼就能看懂三块分别是什么内容,再根据感兴趣的主题,进一步阅读感兴趣的内容;同时地址和联系方式和合并在了一起,方便用户一眼就找到联系方式
  2. 【对比】标题和正文,做了加粗,不同字体,不同字号的清晰对比
  3. 【对齐】三块内容右对齐
  4. 【重复】三部分的标题和正文分别采用同样的一套字体与字号

以上是亲密性的典型案例。

例子2:下面这个例子同样是两个排版做对比,可以着重观察对齐原则的重要性。

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计3-1 名片排版

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计3-2 改为中心对齐

在这组名片的设计中,除了第二张图运用了亲密性,将内容整合在一起,避免了内容分散在四个角落分散读者注意力,而第一张设计,虽然有个性但是最明显的问题在于四个角却出现了明显的不对齐现象,导致视觉上排版杂乱缺少统一性。

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计3-1中,无形的视觉线

即使在第二张名片的设计上,也有可改进的地方,因为第二张设计虽然实现了中心对齐,但是从每行字体两侧的视觉感受上,同样存在凹凸的视觉感,所以如果能够统一在一侧对齐,则会有更整洁舒适的效果。

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计3-2中,中心对齐带来不规则的视觉感受

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计3-3 统一右侧对齐则可以解决这个问题

看,这回是不是就更清晰规整了呢?

例子3:对比原则要求,尽量夸大两个对象间的差别,制造明显的差异。用下面一组设计做举例:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计4-1 某个简历设计

可以看到,第一张简历设计图,已经运用了亲密性原则,对齐原则,重复原则等。标题和正文也做了对比区分,但是哪里可以进一步提升呢?

对,就是对比!除了字体和字号,还可以加入颜色等因素,强调关键词,让读者在第一时间锁定设计者最想表达的内容,以及读者可能会最关心的内容。

比如增加对比后的排版可以是这样:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计4-2 更新后的简历设计

更新的排版放大了照片,运营了红色底色圈出了头像和个人联系方式,同时对于关键词加粗,并换上了相同的红色,使得关键词进一步被凸显出来。此外还有用长横线隔离开,增加分段之间的间隔,增加相近内容亲密性,强化时间和正文的对齐原则等细节修改,让简历变得更加层次分明,重点突出。

再举一个例子,还记得最开始的紫色服务名片吗?经过亲密性原则调整后,还可以再根据对比原则进一步调整:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计1-2 刚运用了亲密性原则的设计

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

设计1-3 叠加了对比原则后的设计

通过高亮,和增加颜色,再次凸显了标题和联系方式等重要内容。是不是一眼就能抓住重点了呢?

例子4:重复性原则往往是大家比较熟悉也容易学习的设计原则,这里想举例的是,除了单幅设计的重复性外,系列设计中的重复性更为重要。相同或相似元素的反复使用可以帮助读者建立多幅设计间的统一感。下面就是一个很好的例子。

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

重复性在设计多个内容时,显得尤为重要。

通常好的设计往往同时符合这四大原则。当然,四大原则下也有可以在不同程度上逐步加深,也可以根据主题进行不同程度的调整。通过不断练习,你会发现自己进步的空间。


03 做个练习

这里借用一幅海报的设计调整,练习四大原则的应用。下面这是原图:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

这是海报原图

1)第一步:运用亲密性原则进行调整:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

根据「亲密性原则」进行调整

亲密性调整:

  1. 介绍题目内容的部分,减少了行间距,压缩紧凑放在了题目下方
  2. 演讲人和时间等演讲相关的信息放在了一起

调整后,结构变得清晰简单。

2)接下来,采用对齐原则:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

根据「对齐原则」进行调整

当然,中心对齐也是一种选择,但是有时候,有一条清晰的对齐线会看起来更规整。

3)下一步,我们增加重复元素试试看:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

根据「重复原则」进行调整

这里可以看到,标题和演讲者都采用了大写字母,且都变成了红色,正文介绍和时间则用了首字母大写配合小写字母,以及采用黄色字体,形成了上下呼应的两种重复,突出了每段文字的重点内容。

4)最后,运用对比原则做调整尝试:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

根据「对比原则」进行调整

这里的对比原则其实也是配合着重复原则共同使用,但是增加了背景色,更突出了标题和演讲者,使重点内容和非重点内容的差异更加凸显。

这样的原则应用,你学会了吗?

最后留一个练习内容(参考调整方案见页底):

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

别急着看参考答案,可以先自己想一想


04 PPT中的实战应用

在日常工作中,这四大原则最直接的应用场景就是修改我们可怜的PPT了!

不过其实四大原则会了,自然就知道PPT该如何修改了,我这里仅举一个小例子,是在身边真实发生的例子。某天老板要求写一份市场调研方案,我拿到的同事PPT其中有一页是这样的:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

同事的PPT

基本的对齐和对比是有的,但是因为文字太多,看起来并不清晰。另外注意:「首行缩进」这个书写常规习惯是不适用于PPT文字的!于是我在此基础上做了一些调整:

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

调整后的PPT内容

可以看出,除了把大段文字化整为零外,调整还做了两步:

  1. PPT用竖线把内容根据主题分成了两部分,间接实现亲密性;
  2. 大量运用了重复原则和对齐原则:标题格式重复;论点和标题全部右侧对齐。

一番调整后,两部分的内容看起来是不是更整齐清晰了呢?

通过例子,相信你能感受到商业PPT设计和海报设计的差别:商务PPT的整齐度和清晰度更为重要!所以大量运用重复和对齐原则显得更为重要。

这里再教大家两个小技巧:

  1. 重复原则,借助「格式刷」
如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

格式刷图标

通过格式刷可以将所选文字统一为相同格式。这里一个建议就是:在PPT内容完成后,将每页的小标题统一为同样的格式,甚至同样的位置!当然,“直接复制粘贴前一页的标题,然后修改文字”,也是一种不错的选择!

  1. 对齐原则,建立对齐快捷键
如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

我常年添加在快速工具栏的对齐图标

因为PPT中需要对齐的动作特别多,是PPT商务美化的常用工具,于是我建议把几个对齐工具放在快速工具栏中。添加方法只需要在左上角的快速工具栏中选择「更多命令」,并按照下图一一选中添加这些工具即可,这些快捷工具将让你在「对齐原则」的使用上如虎添翼!

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法

添加的8个对齐工具如右侧所示

这样的技巧是不是大大提升了你的效率呢?

另外,除了PPT优化之外,你的工作生活中,还有哪些场景会需要你来设计?是否可以运用四大原则来优化原有设计呢?希望你静静思考一分钟!


05 小结

今天通过著名设计师Robin Williams的风靡全球的设计书《写给大家看的的设计书》我们学会了非常实用的四个设计原则:亲密性原则对齐原则对比原则重复原则

基于「看过并转化为实践应用才是读完一本书」的原则,本文为大家列举了大量的例子说明四个原则该如何应用,并在应用与练习后,给了一个在PPT中实战应用的小例子两个实操小技巧

学会了四个设计基本原则,相信你的设计作品至少就能拿到及格分,如果应用熟练,甚至不排除可以达到80-90分的高度。但是关键在于不断地练习和应用哦!

原书中还有大量关于颜色、字体方面的讲解,建议对设计有浓厚兴趣的同学,可以买上一本,继续研读,相信你会受益匪浅的。

附,练习题的参考答案(注意:设计没有标准答案,也许你的设计调整方案更有自己的特色!)

如何调整PPT设计?《写给大家看的设计书》教你5分钟上手的好方法


最后,欢迎关注「西柚微苦」,苦柚小姐带你一起读100本书,学习100个应用技能!


介就是我,苦柚小姐

我在这里等着你,不卑不亢,不慌不忙

西柚微苦

See You Way Cool~!


分享到:


相關文章: