排版技巧大集合.pptVIP

排版技巧大集合 布局之美 图形运用 具体设计 第一章 第二章 第三章 * Contents Page 目录页 Transition Page 过渡页 * 距离之美 对齐之美 第一章 布局之美 对称之美 留白之美 边距 1.1 距离之美 1 行距 2 段距 3 1.2 对齐之美 模块对齐 2 边界对齐 1 等距分布 3 1.3 对称之美 左右对称 上下对称 1.4 留白之美 留白直接地说就是留下一片空白。留白真的是难以言说的一种表达方式，因为留白更接近于一种意境。。。我也说不清楚。我是怎么留白的呢？我觉得留白既要彰显意境美，又要画面不失重，即是说，画面整体的重心要稳。 Transition Page 过渡页 * 线 框、圈 第二章 图形运用 面、色块 图形 2.1 线→①线在标题栏中的应用 虚线效果 1 实线效果 2 2.1 线→②线在内标题设计上的应用 实线效果（双下划线） 2 虚线效果 1 2.1 线→③线在正文中的区域分割作用 线在正文中的区域分割作用 2.1 线→④线在正文中的边界作用 用“线”勾勒出画面中模块内容的边界，形成规矩、整齐的感觉。 2.1 线→⑤线在正文中对称和装饰作用 2.1 线→⑥线在图表中的连接作用 图表中线的作用不仅仅是连接，而且可以展现出设计的美感。 2.1 线 请从左图中找到线的用法，至少三种哦：） 2.2 框、圈→①框的模块化作用 用“框”更清晰的展示不同模块的内容。 2.2 框、圈→②框形成的对齐效果，很规整 上图：“框”作为独立模块与其他内容对齐； 右图：“框”将文字和图片包围起来很规整。 2.2 框、圈→③用框展示引用观点或案例 上图：用“框”展示案例； 右图：用“框”展示观点。 2.2 框、圈→④圈的灵活运用，艺术化排版 左图：左边框是从矢量图中导出的PNG图片，右边的“粗框圈”和“同心圆”则是后来绘的图，形成整体一致的效果。 右图：用“圈”、“线”和“PNG人像”完美地融合在一起。 2.3 面、色块→①面设计出整体内容页的版面 在暗红色的背景上面，设置两层有透明度的白色的“面”，从而形成了左图的逻辑区域效果。 2.3 面、色块→②用色块展示不同的模块内容 1 不同颜色，不同章节。 2 相同颜色，并列展示。 左图：色块覆盖色块的效果 2.3 面、色块→③色块和图形形成模块区域效果，很规整 要注意色块的颜色和图片的颜色是接近的。 2.3 面、色块→④用色块展示观点、案例、点缀 1 灰色背景的色块上展示故事 2 带有透明度红色色块上放上人名 3 小色块的点缀 4 色块展示观点 2.3 面、色块→⑤色块设计标题栏、过渡页、标识、页码等 色块展示页码 色块展示页面标识 过渡页设计 标题栏设计 章节过渡效果 2.3 面、色块→⑥具有透明效果色块和图形的搭配效果 2.3 面、色块→⑦色块与图形搭配运用形成Win8风格 2.3 面、色块→⑧母色块放上子色块形成的逻辑效果 母色块 子色块 2.4 图形→① 2.4 图形→② 如何实现左边图形？ 请思考 2.4 图形→③ 2.4 图形→④ 请思考 2.4 图形→⑤ 如何实现下图的设计？ 请思考 2.4 图形→⑥ 2.4 图形→⑦ 2.4 图形→⑧ 的各种变形后并组合的效果 如何实现上图的效果？ 请思考 Transition Page 过渡页 * 文字排版 图形排版 第三章 具体设计 标题设计 3.1 文字排版→①字少时的排版 字少时的排版：错落有致、突出重点。 3.1 文字排版→②字多时的排版 字多时的排版：合理布局、规整匀称。 3.1 文字排版→③文字的图表化处理 无论字少、字多，尽可能：图表化处理。 3.2 图文排版→①单图排版 单图排版的要点：小图点缀、中图排列美、大图冲击力。 3.2 图文排版→②双图排版 双图排版的要点：并列或对称。 3.2 图文排版→③多图排版 多图排版的要点：讲究布局排列之美。 3.3 标题设计→①简洁式标题 简洁式标题：简洁，基本无修饰。 3.3 标题设计→②点缀式标题 点缀式标题：简单点缀，不一样的效果。 点缀式标题样式非常多，请大家再举几例，或者到布衣公子的作品中，找一些案例。 3.3 标题设计→③背景式标题 背景式标题：以色块作为背景，时尚流行。 谢谢大家！