超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

基础入门2年前 (2021)更新 一六视觉
1,417 0 1

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

这里是细节猎人专栏的006期,每一期文章分享的都是非常受用的PPT细节,学完立马起飞的那种!

有些同学觉得,做PPT哪需要学那么专业的设计理论?

但其实你不知道的是,想把PPT排版搞好,先学的就是最基础的设计,今天就带来一个很基础实用的「ABC原则」

 

先不说ABC原则是什么,但我相信你应该听过PPT设计四大原则,哪四大?「亲密、对比、对齐、重复」。

 

「ABC原则」严格是由亲密原则延伸出来的,那么OK,如果你能把今天的文章看完,我相信以下几个问题你都能找到答案:

 

1,PPT非常多内容怎么排版更合适?

2,不同结构的PPT,要怎么做区分?

3,内容底下加色块,要注意哪些细节?

 

 

亲密性原则

我们先重新认识一下亲密性原则是什么?用一张图介绍就是:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

图来源于网络

 

我跟你靠近,就是有亲密关系,如果离的远,那可能一丁点关系都没有。

 

那这种原则关系是怎么在PPT体现的呢?以下面PPT举个例子:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

你能否看的出来右侧具体6个要点的部分,排版有什么问题?从内容的理解来说,每个序号跟下面对应的内容都是一组的,

 

但现在我们竟然很难下意识判断,究竟排版之间这样是一组的:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

还是这样是一组的:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

你看,当「内容原意的分组」跟「设计的分组」表达不一致时,就很容易出现理解误区,这就是个很简单的毛病:

 

设计上有没有正确表达内容逻辑

 

所以还能说做PPT不需要学点PPT设计?正确的做法,是通过梳理他们之间的间距关系,重新调整亲密关系:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

红色为一组,黄色为一组,那么调整之后,大概就是这样:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

是不是看上去就区分的很明显,不至于说我组内的元素跑到你那一组去了?

 

所以你看,正确合理的间距安排,是区分亲密关系和正确表达逻辑很重要的手法,相关的靠近,不相关的远离。

 

 

ABC原则

关于亲密性原则简单的解释就如上了,接着来聊聊延伸出来的「ABC原则」,越是内容多的PPT,越要注意ABC原则的运用

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

结构复杂的架构图

 

接下来,要开始一些比较烧脑的思考环节了,准备好。「ABC原则」所指代的,其实是间距问题,用一张图表达就是:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

上图中,ABC之间的间距是一种合理的分配,用公式来表达就是:

 

A=B且AB>C

 

如果AB小于C,那么会让人感觉内容1跟2之间没有太多关系,整个版面零散的感觉增强:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

错误案例:

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

三个要点之间的间距(C),大于左右边缘的AB,要点之间显得零散无关联👇

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

以公式A=B且AB>C,来调整优化一下:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

是不是瞬间看着就舒服多了?以上有点烧脑的案例建议没看明白再看一遍,

 

而从设计层面的变化来看,这是强调了一点:虽然123要点里都有各自的分组内容,但不要忘了123要点他们之间,相对于画面外的其他内容,也是自成一个内容组合的:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

01,02,03合在一起也是一个组

 

「演示城社群(点击了解社群)学员提出相关问题的时候,我也举了一个例子:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

在社群教学中,我对ABC原则的解释更加简单:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

通常AB是一样的宽度,

这样才显得对齐

如果C大于AB,

那么两个色块是零散的

如果C小于AB,

那么两个色块是有关联的

 

 

接着呢,又有学员提出来这样一个问题:内容超多的PPT也要遵循ABC原则吗?

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

然后我又给了一段这样的回答:

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

什么?你怀疑我用截图水一贴?当然不是,我是让你更有代入感而已。

 

内容越多的PPT,越是要注意「ABC原则」的运用,就拿这页架构图来说:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

只要你去放大细节看间距,你会发现到处都是「ABC原则」的运用,在这里:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

在这里:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

文末我提供了案例源文件,你可以下载试试改变AC的大小,是不是分组逻辑就变了,

 

那么文章写到这,你应该可以反应过来,所谓的ABC,说的就是内边距(C)、外边距(AB)的问题,通常内边距是要小于外边距的。

 

例如我们在做PPT,最常见能遇到的问题会像:我做了一页PPT,一共有三大要点内容👇

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

这时候我感觉三个要点之间需要加点边框框起来比较合适,能快速区分哪些内容是一组的,

 

对,用边框或者色块去区分内容是多数ppter下意识的分组意识,但是如果改成这样的话:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

好像没什么问题对不对,如果按照最上面我提的ABC运用来说,确实三个要点之间的内边距(C)已经是小于左右边缘的AB了,

 

但还有一点是错的,哪里呢?是要点内部的间距安排:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

以边框为准,出现了内边距大于外边距的这种错误排版,正确来说应该这样才是对的:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

ABC说的是3个不同的间距,那更深入的拆解,你就会发现,上面的版面里有4个间距。

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

 

那么ABCD之间的大小关系是怎样的呢?是:A=B且>C>D

 

围绕着的,还是内部的边距,要小于外部的边距,OK,现在你明白我想表达的内容了吗?来总结一下几点:

 

  1. 相关的靠近,不相关的远离;

  2. 内外边距,跟内容分组是强关联的;

  3. 「ABC原则」:通常内边距要小于外边距;

  4. 越是内容多的版面,越要注意边距的关系;

  5. 给内容加边框,要注意边距的安排。

 

今天讲的内容非常非常基础,如果没看明白可以底下留言或者重看一遍,亲密性原则以及ABC原则的运用,在PPT设计中随处可见:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

画面有哪些边距关系?

 

文章的最后,我希望你能意识到这种不起眼的边距问题的重要性,当然了如果觉得有用的话,很推荐你分享到朋友圈打卡并加上你的思考理解。(强烈暗示🤭)

 

那么我们下篇文章再见。

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

  案例源文件领取地址:

 

超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

VCCC

③把文章分享给你的朋友,一起用起来!

——
公众号:一六视觉
原文链接:超干货!连这个设计原则都不懂,PPT做再好也白搭 | 细节猎人06期

© 版权声明

相关文章