找回密码
 注册

扫一扫,访问微社区

QQ登录

只需一步,快速开始

查看: 1177|回复: 7

[美化设计] 设计四原则(C.R.A.P)在幻灯演示的应用

[复制链接]

10

主题

46

帖子

1618

锐币

积分
270
QQ
ShadowZPPT 发表于 2019-1-20 14:41:25 | 显示全部楼层 |阅读模式


大家好,我是小Z。
这是寒假期间的第一篇文章,寒假还有另外将近 9 篇文章将更新,请大家持续关注哈哈~在小Z这里你能学到不同于其他很多公众号的更新鲜、更深入的知识。
这两天小Z也在不断宣传由小Z首发的“Daily PPT Challenge ”新式PPT学习活动,目前还剩一小半名额,活动也即将开始,具体的内容大家可以在本篇文末看到。


那么咱们今天要讲的就是设计四原则(C.R.A.P)在PPT设计中的运用。
纵观无数的优秀海报、网页还是PPT,我们都可以从它们中清晰的看到——设计四原则无处不在。

海报
网页
PPT
那么这条贯穿始终的设计四原则(C.R.A.P)到底是什么呢?
在国际顶级设计师RobinWilliams写的《写给大家看的设计书》中也反复提及这四个原则,那就是:
1. 对比原则(Contrast)
2. 重复原则(Repetition)
3. 对齐原则(Alignment)
4. 亲近原则(Proximity)

一、对比
先看一个示例。
从这组图中,哪张的信息更容易被读取呢?
明显是第三张对吧?其实这就是对比原则在起作用。

这里就引出了对比原则的定义(Definition):
页面上的不同元素根据层级关系进行分布,产生差异性视觉呈现,突出重点内容以吸引观众注意。

但是第二张也用到了对比,为什么就不行呢?
在这里,其实对比又分为强对比和弱对比。
图二相较于图三,明显是弱对比。强烈的对比更能吸引人的注意,能更明确的处理层级的关系。所以在信息获取方面,第二张的效果不如第三张。
这里用到的主要是字重、字体大小、行间距的对比。(具体的字体排版规则小Z会在另外一篇文章中单独写)
字重:图一、图二标题和正文均为思源黑体02;图三的标题为思源黑体06。
字体大小:图一标题和正文大小为18号;图二标题为24号,正文为18号;图一标题为26号,正文为16号。
行间距:图一、图二正文的行间距均为1;图三正文行间距为1.2。

当然对比可不止这么一种形式,这种狭义上我们称为字体上的对比。
广义上还有色彩对比(色相、明度、纯度)、大小对比、形状对比、明暗对比、粗细对比、位置对比、虚实对比、肌理(质感)对比等等。

色彩对比
大小对比
形状对比
明暗对比
对比形式虽多,但是不必全用,根据实际需要构建出能区分出主次关系的关系即可。

二、重复
那么这两组PPT又有什么特点呢?



没错,第一张图我们看到了整份PPT使用的相同的色调,这就是色调的重复。
第二张图用到了多个相同的形状来呈现、突出信息,这是形状的重复。
当然这两幅图中还有隐含的字体的重复。

这也就重复的定义(Denifition):
页面上相同元素的反复出现,使得设计更加统一、更有秩序感。


三、对齐
下面这两幅图,哪幅图看起来更舒服呢?

显而易见,是第二幅。
第一幅图片信息看起来多而杂,体验极差,特别是对于有强迫症的小伙伴,简直不能忍。
第二幅图运用了对齐原则,用一条无形的线将原本杂乱的元素有序整齐地排列起来。

还有细心的小伙伴可能会发现,貌似第二幅图并没有严格对齐,标题ABOUT NORWAY的的A比参考线多左偏了一点。
其实这也是西文在排版中的一个技巧:
为了保证视觉上的对齐,A的视觉重心应该是落在中间附近,那么为了保证视觉对齐,应该把A稍微左移。

如果大家想判断自己页面上的元素有没有对齐,不妨点击“视图”选项栏里的“标尺”和“参考线”,或者也可以手动用形状工具画条直线作参考。

另外,对齐又分为顶端对齐、底端对齐,左对齐,右对齐,居中对齐,两端对齐;元素间还有横向分布和纵向分布。
一般来说,一个页面上的对齐方式应该统一,切忌小标题左对齐,正文居中对齐等类似混乱排版。

同时在许多设计作品中,用到了更加精细和系统的 对齐——网格/栅格系统(Grid System),用了无形或有形的线来实现元素间的对齐与平衡。


四、亲近
通过下面这组图片,哪张看起来视觉效果更好、信息传递更明确呢?

显然还是第二张对吧?
这组是不是和对比原则(行间距的对比)有几分相似之处呢?
没错,很多时候,对比原则和亲近原则在划分信息层级的时候是一起使用的。
亲近原则将层级一样的信息安排在一起,并且与不同层级的信息逐级拉开距离。
在第二张图中,我们看到:
“关于挪威”作为标题属于第一层级,正文部分为第二层级,第二级内部又有两个层级——对挪威不同方面介绍的平行层级和“挪威欢迎你”的第三层级。
那么“关于挪威”与正文部分的间距S1应该大于正文内部层级间的距离S2,同时内部的三个平行层级应该拉开相同距离,而“挪威欢迎你”与前面介绍的距离是3应该略大于内部平行层级的距离S2,但要小于正文与标题的距离S1。
也就是:S1>S3>S2

好,那么小Z今天就给大家讲这么多。
接下来就是大家想知道的"Daily PPT Challenge"活动的介绍啦~
Daily PPT Challenge是小Z首创的新式PPT学习活动,这次活动的初衷是让大家最大程度发挥自己的想象力与能力进行属于自己的作品!
时间:1.22-2.15(除去除夕、春节、初一、初二)一共20天
形式:
每日一个关键词 → 大家围绕关键词进行一页PPT创作 → 作品提交与分享 → 小Z及其他设计师进行针对点评与反馈,完善作品(以后还能直接作为自己的作品集之一)
好处&收获:
①.30人小班制,20天陪伴式成长,保证教学质量,提升学习效果
②.全网首创新式每日关键词,每日带来十足新鲜感
③.专业设计师的点评,帮助个人作品的针对性改进,促进个人思维的转变
④.在创作过程中,欣赏他人作品,汲取营养,发散思维同时相互监督、共同进步
⑤.超高性价比,16.9元超低价格与3-11倍红包奖励
⑥.赠送108页图文排版和120页国外Top 10简约风模板

在这里你能学到很多网上学不到的知识,如进阶字体排版学与符号运用法则,黄金分割比的灵活运用,版面的平衡与层次等等。
目前名额已经剩下不多,小班制意味着更有可能拿到红包,而且以后的活动可能会涨价哦~需要的或者想要咨询的赶紧扫一扫下面二维码找小Z报名呀~
小Z微信二维码.jpg

[发帖际遇]: ShadowZPPT做的PPT被微软总裁比尔盖茨看中了,得到奖金 14 元 锐币. 幸运榜 / 衰神榜
新晋演示设计师。公众号:ShadowZPPT
回复

使用道具 举报

10

主题

46

帖子

1618

锐币

积分
270
QQ
 楼主| ShadowZPPT 发表于 2019-1-20 14:43:18 | 显示全部楼层
无论你是大学生还是已经工作了的小伙伴,都可以来参加哦~人少,拿红包几率更高!
新晋演示设计师。公众号:ShadowZPPT
回复 支持 反对

使用道具 举报

0

主题

562

帖子

64

锐币

积分
2972
gswwjw 发表于 2019-2-1 10:30:03 | 显示全部楼层
这个图片怎么显示不出来呢,正要好好的学习呢
回复 支持 反对

使用道具 举报

5

主题

13

帖子

320

锐币

积分
67
鹿白饭 发表于 2019-2-1 11:41:13 | 显示全部楼层
66666
回复

使用道具 举报

0

主题

562

帖子

64

锐币

积分
2972
gswwjw 发表于 2019-2-1 16:04:06 | 显示全部楼层
我怎么还是打不开图片呢,这都半天过去了
[发帖际遇]: gswwjwPPT做得太慢,被一群蜗牛嘲笑! 降了20 元 锐币. 幸运榜 / 衰神榜
回复 支持 反对

使用道具 举报

0

主题

562

帖子

64

锐币

积分
2972
gswwjw 发表于 2019-2-1 17:11:12 | 显示全部楼层
不要这样嘛,怎么能随便就减去15个币呀
回复 支持 反对

使用道具 举报

0

主题

2

帖子

204

锐币

积分
19
霖787 发表于 2019-2-2 22:07:50 | 显示全部楼层
图片一直加载不出来
回复 支持 反对

使用道具 举报

0

主题

4

帖子

250

锐币

积分
20
E和弦 发表于 2019-2-20 20:16:33 | 显示全部楼层
这个教程很亲民哟!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

展开
快速回复 返回顶部 返回列表
展开