ppt-typesetting-skills-1

排版、配色、字体号称平面设计里的三大杀手,多少小白在做PPT的时候不止一次被它们血虐。看完这期的排版教程,你就可以脱离小白的行列,正式走上追求设计感的不归路了!

高手私藏系列丨4个高手私藏方法,省下你50%的PPT制作时间

uisdc-ppt-20170127-2

01. 排版工具

工欲善其事必先利其器。

在PPT中,可以帮助你排版的工具有两个:辅助线与对齐工具。

uisdc-ppt-20170127-3

a. 辅助线

辅助线可以帮你精确对齐元素、平衡页面布局。

uisdc-ppt-20170127-4

以下效果就是在辅助线的帮助下完成的:

比如对齐元素:

uisdc-ppt-20170127-5

又比如平衡页面布局:

uisdc-ppt-20170127-6

所以,今后做PPT,请你第一步先建立辅助线。

辅助线如何建立?

方法一:手工建立(可建立不规则辅助线)

方法二:点击”视图”,在”网格线”、”参考线”的方框前打钩(只能建立垂直与水平的辅助线)

uisdc-ppt-20170127-7

一条参考线不够用怎么办?

按住Ctrl键,拖动参考线,可快速复制出新参考线。

uisdc-ppt-20170127-8

b. 对齐工具

对齐工具可以帮你快速对齐元素、等距离分布元素。

uisdc-ppt-20170127-9

利用对齐工具可以实现以下效果:

比如一键对齐元素

uisdc-ppt-20170127-10

又比如等距离分布元素

uisdc-ppt-20170127-11

对齐工具在哪里找到?

先选中需要对齐的多个元素-点击”开始”-“排列”-“对齐”-选择对齐方式

uisdc-ppt-20170127-12

拒绝手工对齐,从你我做起。

02. 排版原则

平面设计必须遵守的四个排版原则:亲密、对齐、重复、对比。

uisdc-ppt-20170127-13

这四个原则通常会被一起运用于同一个页面的排版中,极少出现只运用其中一两个的情 况。它们之间相互协作,共同创造出最佳的排版效果。

说简单点:要干架,四个一起上!

a. 亲密原则

将有关联的信息组织到一起,形成一个视觉单元,为读者提供清晰的信息结构。

比如:

uisdc-ppt-20170127-14

(以上数据纯属胡说八道)

说简单点就是:同类相聚。

在现实生活中,物理位置的接近就意味着关联,PPT也是一样。

把有关联的信息放到一起,告诉观众这些信息是同一类的或者是有关联的。

比如:

uisdc-ppt-20170127-15

b. 对齐原则

任何元素都不能随意安放,且应与页面上的其他元素有某种视觉联系,以建立一个清爽的页面。

uisdc-ppt-20170127-16

uisdc-ppt-20170127-17

说简单点就是:元素放置要规律。

uisdc-ppt-20170127-18

——————————————————————————————————————————

uisdc-ppt-20170127-19

放置元素要遵循规律,对齐参考线,不是哪里有空间,哪里就可以放东西!

PPT页面可以不出彩,但至少要不出错。而对齐,保持整洁就是最基本的要求之一。

c. 对比原则

为避免页面上的元素太过相似,而通过设计某个元素,引导读者注意某些重点信息。

uisdc-ppt-20170127-20

说简单点就是:让不同的更不同。

你是不是觉得自己设计的页面死气沉沉,好像在暗示你是性冷淡?

你是不是觉得观众可能get不到页面的重点?

试着让标题更突出一点,让某个元素更大一点,让颜色对比更强烈一点。

比如:

uisdc-ppt-20170127-21

uisdc-ppt-20170127-22

d. 重复原则

让页面中的某种元素(字体、配色、符号等)在整个作品中重复出现,以统一作品风格。

uisdc-ppt-20170127-23

说简单点就是:让出现过的继续出现。

你是不是困扰过该如何统一PPT页面的风格?

答案就是:运用重复原则,统一字体、统一配色、统一符号。

如图:

uisdc-ppt-20170127-24

03. 排版技巧

a. 保持页面平衡

在一个平面上,每个元素都是有”重量”的。

同一个元素,颜色深的比颜色浅的重,面积大的比面积小的重,位置靠下的比位置靠上的重。

uisdc-ppt-20170127-25

我们需要灵活利用以上理论,保持页面的平衡。

举个例子:

你还记得当年风靡小学课堂的”一斤棉花跟一斤铁相比,谁比较重”的问题吗?

uisdc-ppt-20170127-26

左边就是一斤棉花,右边就是一斤铁。

颜色的差异弥补了面积的差异,因此他们的”重量”是相同的。所以这个页面看起来并没有什么”怪怪的”地方。

以后排版的时候,如果你觉得页面有点失衡,试着按照平衡理论改变元素的颜色、大小或位置,你会有意想不到的收获。

uisdc-ppt-20170127-27

b. 创造空间感

在一个平面上,元素之间是有”远近”之分的。

颜色深的比颜色浅的近,面积大的比面积小的近,叠在上方的比被压在下方的近(不要想歪)。

uisdc-ppt-20170127-28

灵活运用空间理论,让PPT的信息表达形式更多样,页面更有层次感、设计感。

uisdc-ppt-20170127-29

c. 留白

留白不是指留出白色,而是指留出空白的空间。

uisdc-ppt-20170127-30

留白能营造特殊的美感。

uisdc-ppt-20170127-31

留白能突出焦点信息,更容易让观众记住信息。

uisdc-ppt-20170127-32
——————————————————————————————————————————

uisdc-ppt-20170127-33

每次看到这样的页面,我都觉得无法呼吸。

uisdc-ppt-20170127-34

如果你不想被老板打到不能呼吸,那么你最好留出空间给你的页面呼吸。

d. 黄金分割

把一条线段分割为两部分,较长部分与整体长度之比的比值约等于0.618。

uisdc-ppt-20170127-35

运用黄金分割可以在PPT中得出以下4条线段:

uisdc-ppt-20170127-36

当你把它运用于排版时,就会有这样美腻的效果:

uisdc-ppt-20170127-37

uisdc-ppt-20170127-38

04. 排版类型

a. 基础型

对称型

uisdc-ppt-20170127-39

uisdc-ppt-20170127-40

居中型

uisdc-ppt-20170127-41

uisdc-ppt-20170127-42

黄金分割型

uisdc-ppt-20170127-43 uisdc-ppt-20170127-44

b. 高级型

顶天型

uisdc-ppt-20170127-45

uisdc-ppt-20170127-46

立地型

uisdc-ppt-20170127-47 uisdc-ppt-20170127-48

三角稳定型

uisdc-ppt-20170127-49 uisdc-ppt-20170127-50

c. 不规则型

uisdc-ppt-20170127-51 uisdc-ppt-20170127-52 uisdc-ppt-20170127-53 uisdc-ppt-20170127-54

d. 你怎么不上天型

uisdc-ppt-20170127-55 uisdc-ppt-20170127-56 uisdc-ppt-20170127-57 uisdc-ppt-20170127-58

PPT排版就这么简单。

掌握了配色、字体、排版三大板块的基础知识,今后PPT就可以成为你的装逼利器了。

现在就跟大家说说排版的思维——模块化思维。

uisdc-ppt-20170127-60

什么是模块化思维?

模块化思维是指:在排版时有意识地把页面中的元素进行规律性地组织、分割,使它们形成若干个视觉单元。

uisdc-ppt-20170127-61

下面看几个实例:

uisdc-ppt-20170127-62

组织与分割视觉单元有以下几个注意事项:

a. 有关联的元素才能组织到一起,形成一个视觉单元;
b. 视觉单元之间应有明显的分割标识;
c. 视觉单元的位置的摆放要符合阅读顺序;

首先来看第一项:

a. 有关联的元素才能组织到一起,形成一个视觉单元;

什么叫有关联的元素?

举个例子:某电影公司需要详细地展示今年他们出产了哪些影片。

没有经验的同学可能会这么排版:

uisdc-ppt-20170127-63

有经验的同学就会这么排版:

uisdc-ppt-20170127-64

这样看起来是不是舒服很多?阅读起来是不是更有条理了?

这位同学一看就是老司机,因为他在排版时会把有关联的信息(同一类型的影片)组织到一起,把无关联的信息(不同类型的影片)分割开来,使页面形成了若干个信息量适中的视觉单元。

uisdc-ppt-20170127-65

再来看第二项:

b. 视觉单元之间应有明显的分割标识;

视觉单元之间可以用线条分割,也可以用留出空隙(也就是留白)的方式进行分割:

uisdc-ppt-20170127-66

记住,不仅仅每个视觉单元之间需要留白,视觉单元与页面的边缘也应该留白:

uisdc-ppt-20170127-67

uisdc-ppt-20170127-68

最后看第三项:

c. 视觉单元的位置的摆放要符合阅读顺序;

每页PPT里包含的信息肯定都有某种逻辑关系,比如:

uisdc-ppt-20170127-69

这页PPT所表达的逻辑关系十分严谨:先学车,再拿证,后上路。

在排版时,每个视觉单元的摆放也是按照这个顺序进行的,同时也还遵循了大脑阅读信息的顺序(从上到下,从左到右)。

uisdc-ppt-20170127-70

因此,这个排版可谓精妙无比!!(认真脸)

下面我们再来看看各种常见逻辑关系图应该如何排版:

uisdc-ppt-20170127-71

最后,我们来总结一下利用模块化思维排版时应该注意的事项:

a. 有关联的元素才能组织到一起,形成一个视觉单元;

b. 视觉单元之间应有明显的分割标识;

c. 视觉单元的位置的摆放要符合阅读顺序;

欢迎关注作者的微信公众号:「跟我学个P」

gwxgpqr20170124

「可能是最全面的PPT 设计指南」

  1. 方法丨《PPT内功心法!从零开始教你制作有设计感的PPT》
  2. 素材丨《超全面!99%的PPT设计师都会用到的素材网站合集》
  3. 工具丨《有哪些鲜为人知却好用到爆的PPT辅助工具?(已打包)》
  4. 模版丨《可自由编辑!超实用的锤子T2发布会PPT模板免费打包下载》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

点赞
收藏 20

发表评论 已发布 1

还可以输入 800 个字
 
 
载入中....
相关推荐
1 收藏