- S02我懂个P|审美篇(三)-我懂个P【设计大神阿文带你飞】(学
- S02我懂个P|审美篇(四)-我懂个P【设计大神阿文带你飞】(学
- S02我懂个P|审美篇(二)-我懂个P【设计大神阿文带你飞】(学
- S03我懂个P|图片篇(三)-我懂个P【设计大神阿文带你飞】(学
- S04我懂个P|文字篇(三)-我懂个P【设计大神阿文带你飞】(学
- S04我懂个P|文字篇(一)-我懂个P【设计大神阿文带你飞】(学
- S03我懂个P|图片篇(五)-我懂个P【设计大神阿文带你飞】(学
- S04我懂个P|文字篇(二)-我懂个P【设计大神阿文带你飞】(学
- S06 我懂个P|配色篇我懂个P【设计大神阿文带你飞】(学习笔记
- S05我懂个P|icon篇(三)-我懂个P【设计大神阿文带你飞】
文章原创,最近更新:2018-05-18
课程内容:审丑:排版四原则(一):对比
原链接:我懂个P【设计大神阿文带你飞】
除了眼界以外,还有一个极其重要的因素影响着我们的审美,那就是审丑能力。学审美之前,请先学会审丑:
思考一下同样是做出一份好看的PPT审美好和审美差的同学差距在哪?
- 审美好的同学→直接做出→好看的PPT
- 审美差的同学→先做出难看的PPT→发现并修改→好看的PPT(看,我们是有救的!)
因此,一旦你知道丑在哪,问题就迎刃而解了,这就是我们所说的审丑能力。
然而,大部分同学在实战中遇到一页丑的PPT时,只会有一个模糊的感受:哪里不对。然后改的时候,只能凭感觉…

怎样才能知道我的PPT丑在哪呢?你需要一个审丑神器!
设计四原则
这是Robin Williams在他的《写给大家看的设计书》中提出的四个最基本的设计原则,了解这些原则,你就能轻松地分辨出一个作品的排版设计是否合理,并作出相应的调整。

由于这四个原则的英文首字母拼起来刚好是CRAP(翻译:垃圾),可以理解为:违反这四个原则的大部分作品都是设计垃圾。这不就是一个强大的审丑神器么?

只要掌握了这个审丑神器,再丑的PPT也难不倒我们了。(下面,一起来逐个击破吧~)
首先来介绍审丑神器:对比,我们来做个小实验:请认真盯着这张图10秒,请问你能注意到什么吗?

(似乎。……什么也注意不到,眼睛反而被这行小字吸引了)
如果题目换成这样呢?是不是一秒钟就能看到人和字?为什么会这样?

同样是展示广衰的天地,但由于图一没有任何参照物,我们的视线是四散的,根本无法集中。而图二,人和字的出现与背景产生了超强烈的对比,我们的视线一下子就被捕捉了。

同理,很多时候我们觉得一页PPT丑到看不进去(尤其是文字多的时候),很可能是因为缺乏对比,我们不知道从何看起。

综上,当我们在使用【对比】原则的时候,其实是用来合理地……吸引视线
当一页PPT无法吸引住你的视线时,那它很可能已经违反了对比原则。

所以,现在重新审视这些PPT的时候,你就知道当年为什么犯困了~~大概是因为视线压根无法集中,导致眼神涣散吧…

如何合理地利用对比来吸引视线?
- 通过改变目标的一项或多项属性,来产生视觉差异,从而产生对比,吸引视线。
- 如果你是新手,建议先从改变一项属性开始。

不啰嗦了,我们直接来实战吧~打开作业文件,一起尝试用对比原则来拯救这一页丑爆了的PPT!

步骤1:把PPT还原素颜。
- 与其在一页丑PPT上继续纠结,不如还原成素颜重新开始。
- 去掉所有设计效果,还原成白底黑字。当然,千万不要用宋体,用微软雅黑。
- 看,一下子没那么丑了…

步骤2:加粗段落标题,增强对比。
- 使用大小对比,突显小标题。

步骤3:缩小段落内容的文字大小,增强对比。

步骤4 :为段落内容增加项目符号,增强和标题的对比。


步骤5 :改变标题文字的颜色,增强对比。
-
文字颜色好像太浅,看不清,怎么办?
步骤6:添加色块,让标题的颜色更加显眼,增强对比。
- 至此,基本的美化工作已经完成啦~~

现在,你更愿意看哪一个版本呢?而且你会发现,加入对比后,页面一下子有了层次感!

如果觉得白色背景太空,试试改成深色背景?

如果你觉得黑色背景还是单调,甚至你可以改为图片。但图片太花,影响了文字内容怎么办?

继续使用对比原则,把图片的亮度降低,增大明暗对比试试?是不是内容一下子清晰多了呢?

如果你还是嫌弃文字太多,甚至可以把PPT拆分成两页,这样内容和背景的对比就更明显了,自然越容易吸引读者的视线。

就这样,我们通过反复使用对比原则,把一页丑PPT治好了~

课后作业:
试用同样的套路,来拯救这一页PPT吧~

参考答案:
你改成什么样了呢?

当然,对比并不是越强烈越好,否则很容易就变成逗比。当一个页面全是重点的时候,就相当于没有重点了。

感觉就像走进了招牌一个比一个巨大的美食街,反而陷入了选择困难。

如何避免把对比做成逗比?推荐几个比较安全的注意事项。
- 注意:同一页PPT,不要超过四种颜色

- 注意:同一页PPT,不要超过两种字体。

- 注意:同一页PPT,不要超过三种字号。

- 注意:同一页PPT,不要超过两种画风。
不要因为对比而破坏视觉统一性,否则我们会违反另一个审丑原则。

知识点回顾:
1)对比
- 常用的常用的对比套路:大小,颜色,位置,深浅,明暗,形状……
- 使用对比时需要注意的事项字体不要超过三种,颜色不要超过四种,画风不要超过两种……
我的作业:

感觉还是丑萌丑萌的,水平还是有待提高~

网友评论