国外PPT排版模板技巧
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1
布局之美
图形运用
具体设计
PPT 技能分享系列三
排版 技巧
布衣公子作品
2
布局之美
图形运用
具体设计
目录页
Contents Page
第一章
布局之美 图形运用 具体设计
第二章
第三章
2
3
布局之美
图形运用
具体设计
过渡页
Transition Page
第一章 布局之美
• 距离之美 • 对齐之美 • 对称之美 • 留白之美
2.1 线→②线在内标题设计上的应用
布局之美
图形运用
具体设计
1
虚线效果
实线效果（双下划线）
2
11
2.1 线→③线在正文中的区域分割作用
布局之美
图形运用
具体设计
线在正文中的区域分割作用
12
2.1 线→④线在正文中的边界作用
布局之美
图形运用
具体设计
用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。
楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面丌失重，即是说，画面整体的重心要稳。
8
布局之美
图形运用
具体设计
过渡页
Transition Page
第二章 图形运用
• 线 • 框、圈 • 面、色块 • 图形
8
9
2.1 线→①线在标题栏中的应用
布局之美
图形运用
具体设计
实线效果
2
1
虚线效果
10
无论字少、字多，尽可能：图表化处理。
40
3.2 图文排版→①单图排版
布局之美
图形运用
具体设计
单图排版的要点：小图点缀、中图排列美、大图冲击力。
41
3.2 图文排版→②双图排版
布局之美
图形运用
具体设计
双图排版的要点：并列或对称。
42
3.2 图文排版→③多图排版
布局之美
图形运用
具体设计
多图排版的要点：讲究布局排列之美。
布局之美
图形运用
具体设计
背景式标题：以色块作为背景，时尚流行。
46
布局之美
图形运用
具体设计
11020228@qq.com http://teliss.blog.163.com http://weibo.com/teliss
具体设计
请思考
如何实现下图的设计？
33
2.4 图形→⑥
布局之美
图形运用
具体设计
34
2.4 图形→⑦
布局之美
图形运用
具体设计
35
2.4 图形→⑧
的各种变形后并组合的效果
布局之美
图形运用
具体设计
请思考
如何实现上图的效果？
36
布局之美
图形运用
具体设计
过渡页
Transition Page
第三章 具体设计
• 文字排版 • 图形排版 • 标题设计
36
37
3.1 文字排版→①字少时的排版
布局之美
图形运用
具体设计
字少时的排版：错落有致、突出重点。
38
3.1 文字排版→②字多时的排版
布局之美
图形运用
具体设计
字多时的排版：合理布局、规整匀称。
39
3.1 文字排版→③文字的图表化处理
布局之美
图形运用
具体设计
图形运用
具体设计
色块展 示页码
标题栏 设计
过渡页 设计
章节过 渡效果
色块展示页面标识
25
2.3 面、色块→⑥具有透明效果色块和图形的搭配效果
布局之美
图形运用
具体设计
26
2.3 面、色块→⑦色块不图形搭配运用形成Win8风格
布局之美
图形运用
具体设计
27
2.3 面、色块→⑧母色块放上子色块形成的逻辑效果
布局之美
图形运用
具体设计
母色块
子色块
28
2.4 图形→①
布局之美
图形运用
具体设计
29
2.4 图形→②
布局之美
图形运用
具体设计
请思考
如何实现左边图形？
30
2.4 图形→③
布局之美
图形运用
具体设计
31
2.4 图形→④
布局之美
图形运用
具体设计
请思考
不
有啥区别？
32
2.4 图形→⑤
布局之美
图形运用
13
2.1 线→⑤线在正文中对称和装饰作用
布局之美
图形运用
具体设计
14
2.1 线→⑥线在图表中的连接作用
布局之美
图形运用
具体设计
图表中线的作用 丌仅仅是连接，
而且可以展现出
设计的美感。
15
2.1 线
布局之美
图形运用
具体设计
请从左图中找到 线的用法，至少
三种哦：）
16
2.2 框、圈→①框的模块化作用
3
4
1.1 距离之美
布局之美
图形运用
具体设计
1
边距
2
行距
3
段距
5
1.2 对齐之美
布局之美
图形运用
具体设计
1
边界对齐
2
模块对齐
3
等距分布
6
1.3 对称之美
布局之美
图形运用
具体设计
左右对称
上下对称
7
1.4 留白之美
布局之美
图形运用
具体设计
留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。。。我也说不清
右图：用“框”展示观点。
19
2.2 框、圈→④圈的灵活运用，艺术化排版
布局之美
图形运用
具体设计
左图：左边框是从矢量图中导出的PNG图片， 右边的“粗框圈”和“同心圆”则是后来绘的 图，形成整体一致的效果。
右图：用“圈”、“线”和“PNG人像”完美
地融合在一起。
20
2.3 面、色块→①面设计出整体内容页的版面
布局之美
图形运用
具体设计
在暗红色的背景 上面，设置两层
有透明度的白色
的“面”，从 而形成了左图的 逻辑区域效果。
21
2.3 面、色块→②用色块展示丌同的模块内容
布局之美
图形运用
具体设计
1
丌同颜色，
丌同章节。
2
相同颜色， 并列展示。
左图：色块覆 盖色块的效果
22
2.3 面、色块→③色块和图形形成模块区域效果，很规整
布局之美
图形运用
具体设计
要注意色块的颜色和图片的颜色是接近的。
23
2.3 面、色块→④用色块展示观点、案例、点缀
布局之美
图形运用
具体设计
灰色背景的色 块上展示故事 1 2 带有透明度红 色色块上放上 人名
3
小色块的点缀
4
色块展示观点
24
2.3 面、色块→⑤色块设计标题栏、过渡页、标识、页码等
布局之美
Leabharlann Baidu
布局之美
图形运用
具体设计
用“框”更清晰的展示丌同模块的内容。
17
2.2 框、圈→②框形成的对齐效果，很规整
布局之美
图形运用
具体设计
上图：“框”作为独立模块不其他内容对齐； 右图：“框”将文字和图片包围起来很规整。
18
2.2 框、圈→③用框展示引用观点或案例
布局之美
图形运用
具体设计
上图：用“框”展示案例；
43
3.3 标题设计→①简洁式标题
布局之美
图形运用
具体设计
简洁式标题：简洁，基本无修饰。
44
3.3 标题设计→②点缀式标题
布局之美
图形运用
具体设计
点缀式标题：简单点缀，丌一样的效果。
点缀式标题样式非常
多，请大家再举几例， 或者到布衣公子的作 品中，找一些案例。
45
3.3 标题设计→③背景式标题
布局之美
图形运用
具体设计
PPT 技能分享系列三
排版 技巧
布衣公子作品
2
布局之美
图形运用
具体设计
目录页
Contents Page
第一章
布局之美 图形运用 具体设计
第二章
第三章
2
3
布局之美
图形运用
具体设计
过渡页
Transition Page
第一章 布局之美
• 距离之美 • 对齐之美 • 对称之美 • 留白之美
2.1 线→②线在内标题设计上的应用
布局之美
图形运用
具体设计
1
虚线效果
实线效果（双下划线）
2
11
2.1 线→③线在正文中的区域分割作用
布局之美
图形运用
具体设计
线在正文中的区域分割作用
12
2.1 线→④线在正文中的边界作用
布局之美
图形运用
具体设计
用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。
楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面丌失重，即是说，画面整体的重心要稳。
8
布局之美
图形运用
具体设计
过渡页
Transition Page
第二章 图形运用
• 线 • 框、圈 • 面、色块 • 图形
8
9
2.1 线→①线在标题栏中的应用
布局之美
图形运用
具体设计
实线效果
2
1
虚线效果
10
无论字少、字多，尽可能：图表化处理。
40
3.2 图文排版→①单图排版
布局之美
图形运用
具体设计
单图排版的要点：小图点缀、中图排列美、大图冲击力。
41
3.2 图文排版→②双图排版
布局之美
图形运用
具体设计
双图排版的要点：并列或对称。
42
3.2 图文排版→③多图排版
布局之美
图形运用
具体设计
多图排版的要点：讲究布局排列之美。
布局之美
图形运用
具体设计
背景式标题：以色块作为背景，时尚流行。
46
布局之美
图形运用
具体设计
11020228@qq.com http://teliss.blog.163.com http://weibo.com/teliss
具体设计
请思考
如何实现下图的设计？
33
2.4 图形→⑥
布局之美
图形运用
具体设计
34
2.4 图形→⑦
布局之美
图形运用
具体设计
35
2.4 图形→⑧
的各种变形后并组合的效果
布局之美
图形运用
具体设计
请思考
如何实现上图的效果？
36
布局之美
图形运用
具体设计
过渡页
Transition Page
第三章 具体设计
• 文字排版 • 图形排版 • 标题设计
36
37
3.1 文字排版→①字少时的排版
布局之美
图形运用
具体设计
字少时的排版：错落有致、突出重点。
38
3.1 文字排版→②字多时的排版
布局之美
图形运用
具体设计
字多时的排版：合理布局、规整匀称。
39
3.1 文字排版→③文字的图表化处理
布局之美
图形运用
具体设计
图形运用
具体设计
色块展 示页码
标题栏 设计
过渡页 设计
章节过 渡效果
色块展示页面标识
25
2.3 面、色块→⑥具有透明效果色块和图形的搭配效果
布局之美
图形运用
具体设计
26
2.3 面、色块→⑦色块不图形搭配运用形成Win8风格
布局之美
图形运用
具体设计
27
2.3 面、色块→⑧母色块放上子色块形成的逻辑效果
布局之美
图形运用
具体设计
母色块
子色块
28
2.4 图形→①
布局之美
图形运用
具体设计
29
2.4 图形→②
布局之美
图形运用
具体设计
请思考
如何实现左边图形？
30
2.4 图形→③
布局之美
图形运用
具体设计
31
2.4 图形→④
布局之美
图形运用
具体设计
请思考
不
有啥区别？
32
2.4 图形→⑤
布局之美
图形运用
13
2.1 线→⑤线在正文中对称和装饰作用
布局之美
图形运用
具体设计
14
2.1 线→⑥线在图表中的连接作用
布局之美
图形运用
具体设计
图表中线的作用 丌仅仅是连接，
而且可以展现出
设计的美感。
15
2.1 线
布局之美
图形运用
具体设计
请从左图中找到 线的用法，至少
三种哦：）
16
2.2 框、圈→①框的模块化作用
3
4
1.1 距离之美
布局之美
图形运用
具体设计
1
边距
2
行距
3
段距
5
1.2 对齐之美
布局之美
图形运用
具体设计
1
边界对齐
2
模块对齐
3
等距分布
6
1.3 对称之美
布局之美
图形运用
具体设计
左右对称
上下对称
7
1.4 留白之美
布局之美
图形运用
具体设计
留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。。。我也说不清
右图：用“框”展示观点。
19
2.2 框、圈→④圈的灵活运用，艺术化排版
布局之美
图形运用
具体设计
左图：左边框是从矢量图中导出的PNG图片， 右边的“粗框圈”和“同心圆”则是后来绘的 图，形成整体一致的效果。
右图：用“圈”、“线”和“PNG人像”完美
地融合在一起。
20
2.3 面、色块→①面设计出整体内容页的版面
布局之美
图形运用
具体设计
在暗红色的背景 上面，设置两层
有透明度的白色
的“面”，从 而形成了左图的 逻辑区域效果。
21
2.3 面、色块→②用色块展示丌同的模块内容
布局之美
图形运用
具体设计
1
丌同颜色，
丌同章节。
2
相同颜色， 并列展示。
左图：色块覆 盖色块的效果
22
2.3 面、色块→③色块和图形形成模块区域效果，很规整
布局之美
图形运用
具体设计
要注意色块的颜色和图片的颜色是接近的。
23
2.3 面、色块→④用色块展示观点、案例、点缀
布局之美
图形运用
具体设计
灰色背景的色 块上展示故事 1 2 带有透明度红 色色块上放上 人名
3
小色块的点缀
4
色块展示观点
24
2.3 面、色块→⑤色块设计标题栏、过渡页、标识、页码等
布局之美
Leabharlann Baidu
布局之美
图形运用
具体设计
用“框”更清晰的展示丌同模块的内容。
17
2.2 框、圈→②框形成的对齐效果，很规整
布局之美
图形运用
具体设计
上图：“框”作为独立模块不其他内容对齐； 右图：“框”将文字和图片包围起来很规整。
18
2.2 框、圈→③用框展示引用观点或案例
布局之美
图形运用
具体设计
上图：用“框”展示案例；
43
3.3 标题设计→①简洁式标题
布局之美
图形运用
具体设计
简洁式标题：简洁，基本无修饰。
44
3.3 标题设计→②点缀式标题
布局之美
图形运用
具体设计
点缀式标题：简单点缀，丌一样的效果。
点缀式标题样式非常
多，请大家再举几例， 或者到布衣公子的作 品中，找一些案例。
45
3.3 标题设计→③背景式标题