板式设计的网格设计.ppt

五五 版式设计的网格系统版式设计的网格系统 掌握网格系统是从事版式设计做必须具掌握网格系统是从事版式设计做必须具 备的基础修养之一，网格系统作为一种行之备的基础修养之一，网格系统作为一种行之 有效的版面设计形式法则，它使所以的版面有效的版面设计形式法则，它使所以的版面 构成元素之间的协调一致成为可能。构成元素之间的协调一致成为可能。 第一节第一节 网格概述网格概述 n n 网格即是安排均匀的水平和垂直的格状物网格即是安排均匀的水平和垂直的格状物 ，网格设计就是在版面上按照预先确定好，网格设计就是在版面上按照预先确定好 的格子为图片和文字确定位置。的格子为图片和文字确定位置。 n n 一、网格的类型一、网格的类型 n n 1 1、对称式网格、对称式网格 n n 是根据左右两个版面或一个对页而言，指是根据左右两个版面或一个对页而言，指 左右两页拥有相同的页边距，相同的网格左右两页拥有相同的页边距，相同的网格 数量、相同的版面安排等。数量、相同的版面安排等。 n n 2 2、对称式网格的对称形式及用法、对称式网格的对称形式及用法 n n 对称式网格的最大特点是左右两边的结构对称式网格的最大特点是左右两边的结构 相同，页面中的网格是可以进行合并和拆相同，页面中的网格是可以进行合并和拆 分的。分的。 n n 主要分为主要分为4 4种形式：单栏对称网格；双栏对种形式：单栏对称网格；双栏对 称网格；均衡双栏对称网格；多栏对称网称网格；均衡双栏对称网格；多栏对称网 格格 单栏对称网格单栏对称网格 n n 适用范围：纯文字行书籍，可适当在页面中配以图示，以适用范围：纯文字行书籍，可适当在页面中配以图示，以 缓解画面的枯燥感。缓解画面的枯燥感。 双栏对称网格双栏对称网格 n n 适用范围：文学类书籍，杂志内页正文，也可使用左边放适用范围：文学类书籍，杂志内页正文，也可使用左边放 置文字，右边放置图片的方法将版面重新进行划分，增强置文字，右边放置图片的方法将版面重新进行划分，增强 版面的变化性。版面的变化性。 均衡双栏对称网格均衡双栏对称网格 n n 适用范围：添加注释的书籍正文可以根据适用范围：添加注释的书籍正文可以根据 内容调整双栏的宽度。内容调整双栏的宽度。 多栏对称网格多栏对称网格 n n 适用范围：术语表、联系方式、目录、数据等，适用范围：术语表、联系方式、目录、数据等， 也可以根据实际内容增加或减少栏数。也可以根据实际内容增加或减少栏数。 n n 3 3、非对称式网格、非对称式网格 n n 一般用于设计散页，指对页的排版打破对一般用于设计散页，指对页的排版打破对 称的格式，强调页面的视觉效果。称的格式，强调页面的视觉效果。 n n 4 4、非对称式单元格、非对称式单元格 非对称式的单元格是以单元格为基础的非对称式的单元格是以单元格为基础的 网格设计，使用非对称式单元格可以很轻网格设计，使用非对称式单元格可以很轻 松的找到放置图片和文字的位置，设计师松的找到放置图片和文字的位置，设计师 只需只需 第二节第二节 网格的应用网格的应用 n n 网格在印刷品中的应用十分广泛，使用网网格在印刷品中的应用十分广泛，使用网 格便于约定版面构成编排位置、大小以及格便于约定版面构成编排位置、大小以及 对齐方式，从而可以更加合理地进行编排对齐方式，从而可以更加合理地进行编排 设计。设计。 1、网格的应用 n n 2 2、分栏与分块、分栏与分块 n n 分栏是将当前页面中的内容整齐地排列为分栏是将当前页面中的内容整齐地排列为 几列；分块是在分栏的基础上建立的横向几列；分块是在分栏的基础上建立的横向 划分，目的是使版面安排变得更加灵活，划分，目的是使版面安排变得更加灵活， 图片和文字能够更加合理的进行排列。图片和文字能够更加合理的进行排列。 n n 3 3、利用有限的网格排出灵活的版式、利用有限的网格排出灵活的版式 n n （1 1）角版）角版 n n 也成方形版，即画面被直线方框所切割，也成方形版，即画面被直线方框所切割， 是最常见、最简洁大方的形态。是最常见、最简洁大方的形态。 n n 特点：庄重、沉静与良好的品质感。特点：庄重、沉静与良好的品质感。 n n 2 2、挖版、挖版 n n 也称退底板，即将图片中精彩的图像部分也称退底板，即将图片中精彩的图像部分 按需要剪裁下来。按需要剪裁下来。 n n 特点：挖版图形自由而生动、打破约束，特点：挖版图形自由而生动、打破约束， 活泼，使人印象深刻。活泼，使人印象深刻。 n n 3 3、出血版、出血版 n n 即图形充满或超出版页，无边框的限制，即图形充满或超出版页，无边框的限制， 有向外，扩张和舒展之势。有向外，扩张和舒展之势。 n n 特点：出血版由于图形的放大，局部图形特点：出血版由于图形的放大，局部图形 的扩张感使你产生紧迫感，并有很高的图的扩张感使你产生紧迫感，并有很高的图 版率。版率。 n n 4 4、卡尔、卡尔 加里斯纳加里斯纳 n n 5858单元网格：即在版面中将横向与纵向都单元网格：即在版面中将横向与纵向都 分割为分割为5858个小的单元，以个小的单元，以5858单元网格为基单元网格为基 本参照，可以进一步丰富版面。本参照，可以进一步丰富版面。 一、需要一些变化