高手私藏系列!有哪些能快速提高PPT排版水平的技巧? - 优设网 - UISDC

高手私藏系列!有哪些能快速提高PPT排版水平的技巧?

2017/01/28 56112评论区

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

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ppt-typesetting-skills

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 界面设计 版式设计 排版布局 职场 优设专访 优设大课堂 设计师干货 设计达人 配色 web前端开发 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 设计趋势 用户体验设计 动效设计 平面设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里