41-PPT排版技巧(布衣公子作品)2013.05.20版@teliss.pptx

布局之美 1 图形运用具体设计 PPT 技巧 PPT 技能分享系列三 布衣公子作品 排版 布局之美 2 图形运用具体设计 布局之美 图形运用 具体设计 第一章 第二章 第三章 2 Contents Page 目录页 布局之美 3 图形运用具体设计 Transition Page 过渡页 3 距离之美 对齐之美 第一章 布局之美 对称之美 留白之美 布局之美 4 图形运用具体设计布局之美 边距 1.1 距离之美 1 行距2 段距3 布局之美 5 图形运用具体设计布局之美 1.2 对齐之美 模块对齐2 边界对齐1 等距分布3 布局之美 6 图形运用具体设计布局之美 1.3 对称之美 左右对称 上下对称 布局之美 7 图形运用具体设计布局之美 1.4 留白之美 留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。我也说不清 楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面不失重，即是说，画面整体的重心要稳。 布局之美 8 图形运用具体设计 Transition Page 过渡页 8 线 框、圈 第二章 图形运用 面、色块 图形 布局之美 9 图形运用具体设计图形运用 2.1 线线在标题栏中的应用 虚线效果1 实线效果2 布局之美 10 图形运用具体设计图形运用 2.1 线线在内标题设计上的应用 实线效果（双下划线）2 虚线效果1 布局之美 11 图形运用具体设计图形运用 2.1 线线在正文中的区域分割作用 线在正文中的区域分割作用 布局之美 12 图形运用具体设计图形运用 2.1 线线在正文中的边界作用 用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。 布局之美 13 图形运用具体设计图形运用 2.1 线线在正文中对称和装饰作用 布局之美 14 图形运用具体设计图形运用 2.1 线线在图表中的连接作用 图表中线的作用 不仅仅是连接， 而且可以展现出 设计的美感。 布局之美 15 图形运用具体设计图形运用 2.1 线 请从左图中找到 线的用法，至少 三种哦：） 布局之美 16 图形运用具体设计图形运用 2.2 框、圈框的模块化作用 用“框”更清晰的展示不同模块的内容。 布局之美 17 图形运用具体设计图形运用 2.2 框、圈框形成的对齐效果，很规整 上图：“框”作为独立模块与其他内容对齐； 右图：“框”将文字和图片包围起来很规整。 布局之美 18 图形运用具体设计图形运用 2.2 框、圈用框展示引用观点或案例 上图：用“框”展示案例； 右图：用“框”展示观点。 布局之美 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 面、色块色块设计标题栏、过渡页、标识、页码等 色块展 示页码 色块展示页面标识 过渡页 设计 标题栏 设计 章节过 渡效果 布局之美 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 图形 如何实现下图的设计 ？ 请思考 布局之美 33 图形运用具体设计图形运用 2.4 图形 布局之美 34 图形运用具体设计图形运用 2.4 图形 布局之美 35 图形运用具体设计图形运用 2.4 图形 的各种变形后并组合的效果 如何实现上图的效果？ 请思考 布局之美 36 图形运用具体设计 Transition Page 过渡页 36 文字排版 图形排版 第三章 具体设计 标题设计 布局之美 37 图形运用具体设计具体设计 3.1 文字排版字少时的排版 字少时的排版：错落有致、突出重点。 布局之美 38 图形运用具体设计具体设计 3.1 文字排版字多时的排版 字多时的排版：合理布局、规整匀称。 布局之美 39 图形运用具体设计具体设计 3.1 文字排版文字的图表化处理 无论字少、字多，尽可能：图表化处理。 布局之美 40 图形运用具体设计具体设计 3.2 图文排版单图排版 单图排版的要点：小图点缀、中图排列美、大图冲击力。 布局之美 41 图形运用具体设计具体设计 3.2 图文排版双图排版 双图排版的要点：并列或对称。 布局之美 42 图形运用具体设计具体设计 3.2 图文排版多图排版 多图排版的要点：讲究布局排列之美。 布局之美 43 图形运用具体设计具体设计 3.3 标题设计简洁式标题 简洁式标题：简洁，基本无修饰。 布局之美 44 图形运用具体设计具体设计 3.3 标题设计点缀式标题 点缀式标题：简单点缀，不一样的效果。 点缀式标题样式非常 多，请大家再举几例 ，或者到布衣公子的 作品中，找一些案 例。 布局之美 45