PPT排版技巧课件

右图：用“框”展示观点。
25
2.2 框、圈→④圈的灵活运用，艺术化排版
布局之美
图形运用
具体设计
左图：左边框是从矢量图中导出的PNG图片， 右边的“粗框圈”和“同心圆”则是后来绘的 图，形成整体一致的效果。
右图：用“圈”、“线”和“PNG人像”完美
地融合在一起。
26
布局之美
图形运用
具体设计
PNG与JPEG的区别？
布局之美
图形运用
具体设计
请思考
与
有啥区别？
39
2.4 图形→⑤
布局之美
图形运用
具体设计
请思考
如何实现下图的设计？
40
2.4 图形→⑥
布局之美
图形运用
具体设计
41
2.4 图形→⑦
布局之美
图形运用
具体设计
42
2.4 图形→⑧
的各种变形后并组合的效果
布局之美
图形运用
具体设计
请思考
如何实现上图的效果？
13
布局之美
图形运用
具体设计
练习
Transition Page
过渡页
让你的PPT美起来吧
亲自动手，学以致用；发挥你的灵感，设计吧！！
13
14
布局之美
图形运用
具体设计
过渡页
Transition Page
第二章 图形运用
• 线 • 框、圈 • 面、色块 • 图形
14
15
2.1 线→①线在标题栏中的应用
第二章
第三章
5
6
布局之美
图形运用
具体设计
过渡页
Transition Page
第一章 布局之美
• 距离之美 • 对齐之美 • 对称之美 • 留白之美
6
7
1.1 距离之美
布局之美
图形运用
具体设计
这个图片中有几个距离？ 有几个距离可以调整？
8
1.1 距离之美
布局之美
图形运用
具体设计
1
边距
1、左右边距要一致 2、可以用居中功能
模块二
模块三
这种圆弧又是如何绘制出来的？
64
布局之美 灵感设计
图形运用
具体设计
图表 集锦
观念态度类课程要
有很强的理论性与
思想性，有清晰的 逻辑主线；
观念
类课程
技术
类课程
突出课程的核心原理，
解析要到位，并通过
一系列的引导方法与 训练手段，实现课程 目标的要求。
65
布局之美 灵活摆放
图形运用
具体设计
29
2.3 面、色块→③色块和图形形成模块区域效果，很规整
布局之美
图形运用
具体设计
要注意色块的颜色和图片的颜色是接近的。
30
2.3 面、色块→④用色块展示观点、案例、点缀
布局之美
图形运用
具体设计
灰色背景的色 块上展示故事 1 2 带有透明度红 色色块上放上 人名
题外话：这页幻 灯片的颜色： 浅绿色主色调 红色标注观点 黑色 故：一页或整个 幻灯片以三种颜 色为主。
1
布局之美
图形运用
具体设计
PPT 技能分享系列三 PPT 版面设计 主讲：李 帅
美化
排版
动画
....... .......
图表
设计 美化
颜色 搭配
数据
排版 技巧
布衣公子作品
2
布局之美
图形运用
具体设计
目录页
Contents Page
第一章
布局之美 图形运用 具体设计
第二章
第三章
2
复制也是一种创新
今天我们要讲些哪些PPT内容呢？
④ 成熟期（50-59）
这一阶段扩大、发展、深化自己的 核心技能，维护已获得的成就和社 会地位，维持家庭和工作两者间的 和谐关系，寻找接替人选。并不断 总结自己的职业经验，开始成为一 名良师，传授经验给后起之秀。
62
3.4 经典案例
布局之美
图形运用
具体设计
信息图表的复制 现在各种信息图表非常流行，比如腾讯的新闻百科中有各种漂亮的信息图表。我们在百度或者谷歌
27
2.3 面、色块→①面设计出整体内容页的版面
布局之美
图形运用
具体设计
在暗红色的背景 上面，设置两层
有透明度的白色
的“面”，从 而形成了左图的 逻辑区域效果。
28
2.3 面、色块→②用色块展示不同的模块内容
布局之美
图形运用
具体设计
1
不同颜色，
不同章节。
2
相同颜色， 并列展示。
左图：色块覆 盖色块的效果
布局之美
图形运用
具体设计
用“框”更清晰的展示不同模块的内容。
23
2.2 框、圈→②框形成的对齐效果，很规整
布局之美
图形运用
具体设计
上图：“框”作为独立模块与其他内容对齐； 右图：“框”将文字和图片包围起来很规整。
24
2.2 框、圈→③用框展示引用观点或案例
布局之美
图形运用
具体设计
上图：用“框”展示案例；
具体设计
多图排版的要点：讲究布局排列之美。
53
3.3 标题设计→①简洁式标题
布局之美
图形运用
具体设计
简洁式标题：简洁，基本无修饰。
54
3.3 标题设计→②点缀式标题
布局之美
图形运用
具体设计
点缀式标题：简单点缀，不一样的效果。
点缀式标题样式非常
多，请大家再举几例，
55
3.3 标题设计→③背景式标题
Transition Page
第三章 具体设计
• 文字排版 • 图形排版 • 标题设计
46
47
3.1 文字排版→①字少时的排版
布局之美
图形运用
具体设计
字少时的排版：错落有致、突出重点。
48
3.1 文字排版→②字多时的排版
布局之美
图形运用
具体设计
字多时的排版：合理布局、规整匀称。
49
3.1 文字排版→③文字的图表化处理
布局之美
图形运用
具体设计
品牌诊断
图表 集锦
品牌维护 提升
品牌定位
品牌传播 推广 品牌识别 设计
品牌战略 选择
60
布局之美 数字信息图表
图形运用
具体设计
图表 集锦
点 击 输 入 文 本
点 击 输 入 文 本
点 击 输 入 文 本
点 击 输 入 文 本
9%
28%
38%
46%
70后非婚人口
男是女的2倍以上
布局之美
图形运用
具体设计
背景式标题：以色块作为背景，时尚流行。
56
3.4 经典案例
布局之美
图形运用
具体设计
图形 集锦
57
3.4 经典案例
并列关系图表
布局之美
图形运用
具体设计
战略因素
K
专业知识
S
专业技能
图表 集锦
A
综合能力/ 通用能力
权利因素 决定组织结 构的因素
环境因素
P
个性特征
规模因素
技术因素
抓拍时据嘟嘟小朋友说，这是他的无敌小怪兽，瞬间我感觉自己真的OUT了，这才是00后啊。
11
1.3 对称之美
布局之美
图形运用
具体设计
左右对称
上下对称
12
1.4 留白之美
布局之美
图形运用
具体设计
留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。。。我也说不清
楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面不失重，即是说，画面整体的重心要稳。
图形运用
具体设计
下图是SmartArt中的递进关系图表，取消组合后，设计成并列关系图表，并重新着色、分别添加动画效果。
拓展训练课程 新人入职课程
京东之魂 融入之行
亮剑之旅
业务进阶课程
精英之路
核心价值观课程 职业化课程 领导力课程
制胜之道 明日之翼
管理进阶课程
跨越之阶
46
布局之美
图形运用
具体设计
过渡页
布局之美
图形运用
具体设计
实线效果
2
1
虚线效果
Biblioteka Baidu
16
2.1 线→②线在内标题设计上的应用
布局之美
图形运用
具体设计
1
虚线效果
实线效果（双下划线）
2
17
2.1 线→③线在正文中的区域分割作用
布局之美
图形运用
具体设计
线在正文中的区域分割作用
18
2.1 线→④线在正文中的边界作用
布局之美
图形运用
具体设计
用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。
布局之美
图形运用
具体设计
34
2.3 面、色块→⑧母色块放上子色块形成的逻辑效果
布局之美
图形运用
具体设计
母色块
子色块
35
2.4 图形→①
布局之美
图形运用
具体设计
36
2.4 图形→②
布局之美
图形运用
具体设计
请思考
如何实现左边图形？
37
2.4 图形→③
布局之美
图形运用
具体设计
38
2.4 图形→④
2
行距
1、一般1.2或1.5倍倍行距 2、1.2倍行距如何设置？
3
段距
1、一般直接空一行即可
9
1.2 对齐之美
布局之美
图形运用
具体设计
1
边界对齐
2
模块对齐
3
等距分布
10
布局之美
图形运用
具体设计
PPT中的各区块内容如何对齐，总是差一点的时候怎么办？都有哪些工具可以用？ 所有对齐可以使用网络线、绘图参考线进行对齐。 视图—网格线 格式—对齐—网格设置—屏幕上显示绘图参考线 如何将图片与文字右边界对齐、图片等距分布、底部对齐
内部 压力
标准定得很高、常觉时间 不够用、选择牺牲休息、 休闲的时间，导致长期失 眠、缺乏与家人相处的时 间、终年处于紧张状态。
输入信息图表也可以找到许多时髦的图表。 下图的图表是怎么模仿的呢？实际上就是两个弧形拼起来就好了，大家可以拆开右边的图琢磨一下。
图表 集锦
份子钱
57%
每月固定支出 约9000元 （1天300）
油钱等
43%
你也来试试
如何设计出右图？
63
布局之美 信息图表的复制
图形运用
具体设计
图表 集锦
模块一
你也来试试
诚实、守信
图表 集锦
信
信誉
③ 管理变革
① 组织调整
讲信用的好声誉 ② 调动资源
名誉、声誉
誉
小技巧
在实体圆外面再增加一个圆圈，瞬间美了好多哦
66
布局之美 灵活摆放
图形运用
具体设计
我们在设计图表的过程中，可以根据版面的需求，灵活地引入图片，让表达更直观！
1）不能自我肯定：
2）追求完美：
图表 集锦
自我价值感较低、非常在 意别人的看法、敏感于别 人的评语、常不喜欢自己、 常认为自己被伤害、常怨 天尤人、怨恨自己不如人。
3
小色块的点缀
4
色块展示观点
31
2.3 面、色块→⑤色块设计标题栏、过渡页、标识、页码等
布局之美
图形运用
具体设计
色块展 示页码
标题栏 设计
过渡页 设计
章节过 渡效果
色块展示页面标识
32
2.3 面、色块→⑥具有透明效果色块和图形的搭配效果
布局之美
图形运用
具体设计
33
2.3 面、色块→⑦色块与图形搭配运用形成Win8风格
六十岁以后，应该能
图表 集锦
够退休了吧！
职业生涯发展阶段（参考）
20-29 岁
30-39 岁
40-49 岁
50-59 岁
② 稳定期（30-39岁）
基本使命是“成家立业”，是关键 阶段，是极富创造性的时期，一般 职业方向已定，拥有并保持自己的 核心竞争力，在自己选择的专业或 管理领域内继续学习，力争成为一 名专家或职业能手。
布局之美
图形运用
具体设计
无论字少、字多，尽可能：图表化处理。
50
3.2 图文排版→①单图排版
布局之美
图形运用
具体设计
单图排版的要点：小图点缀、中图排列美、大图冲击力。
51
3.2 图文排版→②双图排版
布局之美
图形运用
具体设计
双图排版的要点：并列或对称。
52
3.2 图文排版→③多图排版
布局之美
图形运用
43
2.4 图形→简单的绘图技巧
布局之美
图形运用
具体设计
① 按住Shift ，选线时可以画出笔直的线，选矩形时可以画出正方形，选椭圆时，可以画出正圆。 ② 选择某图后，单击右键，选择“锁定绘图模式”，可以连续使用该图。
③ 可以通过先画弧，再设计圆弧的末端箭头，来绘出弯曲箭头。
④ 可以通过形状轮廓→箭头来灵活设计线的箭头。
图片排版及动画
如何美化PPT：动画、排版
动画、图片处理
如何美化、设计、排版，图表排列
排版，数据、图片如何更美的展示
颜色搭配与经典动态制作
分 两 期 开 展 ︐ 循 序 渐 进
1、排版（布局、图形） 2、动画
PPT的设计和排版
5
布局之美
图形运用
具体设计
目录页
Contents Page
第一章
布局之美 图形运用 具体设计
V
价值观
M
求职动机
58
3.4 经典案例
递进关系图表
布局之美
图形运用
具体设计
受理申诉
查明事实
解决问题
申请仲裁
图表 集锦
第一步
第二步
第三步
第四步
建立奖惩制度，如 《员工奖惩管理办 法》。
按照公示等民主程序 颁布制度。
员工学习《员工奖惩 管理办法》并签字。
开始渐进性惩处。
59
3.4 经典案例
循环关系图表
你也来试试
如何将一个弧线或者直线，按照你的想法设计箭头
44
2.4 图形→简单的绘图技巧
布局之美
图形运用
具体设计
如下图，图片可以裁剪为各种个性化的形状，适合多图排版时的灵活运用。 方法：双击图片→ 裁剪→ 裁剪为形状
小技巧
正方形的图片可以裁剪为正圆形图片哦
你也试试
45
2.4 图形→简单的绘图技巧
布局之美
80后非婚人口
男女比例约为4:3
61
3.4 经典案例
时间线
① 探索期（20-29）
开始考虑自身条件与喜爱的职业是 否相符，有意识的进行能力培养， 并选定工作领域，开始从事某种职 业，对职业发展目标的可行性进行 实验。
布局之美
图形运用
具体设计
③ 中年危机期（40-49）
进入“安身立命”的状态，呈现 “中期稳定”态势，同时也遇到一 系列“中年危机”，如面对新人挑 战，或偏离原来职业目标或发现新 的目标，以及出现职业发展瓶颈等， 是人生发展的重要分水岭。
19
2.1 线→⑤线在正文中对称和装饰作用
布局之美
图形运用
具体设计
20
2.1 线→⑥线在图表中的连接作用
布局之美
图形运用
具体设计
图表中线的作用 不仅仅是连接，
而且可以展现出
设计的美感。
21
2.1 线
布局之美
图形运用
具体设计
请从左图中找到 线的用法，至少
三种哦：）
22
2.2 框、圈→①框的模块化作用