第三章 版式设计的网格设计(上传)

第三章版式设计的网格系统掌握网格系统是从事版式设计做必须具备的基础修养之一，网格系统作为一种行之有效的版面设计形式法则，它使所以的版面构成元素之间的协调一致成为可能。第一节网格概述网格设计即均匀安排的水平和垂直的格状物，网格设计就是在版面上按照预先确定好的格子为图片和文字确定位置。一、网格的历史有两种观点1、有人认为网格自人类开始创作艺术的时候就存在。2、网格起源于人类发明书写语言的时候。有了文字语言的书写，文字必须有版式不仅的安排，从左到右，或者从右到左的顺序安排书写，文字才可以被辨认理解。在中国，传统的版式设计以订口为轴心左右两页对称，内文版式有严格的限定。字距、行距都有统一的尺寸标准，天头地脚内外白边均按照一定的比例关系组成一个保护性的框子。二、确定页面版心的尺寸比例在设计宣传页、报纸、书籍是，设计师必须知道有多少文字和插图能容纳进它的设计作品，要有一个基本的构思，要把文字和插图清晰的安排在适当的位置，可通过标记的方法去安排这些区域。版心：是指位于版面中央，排有正文文字的部分。用于摆放篇、章、节等标题、文字、注释、插图、图表、公式及辅文、附录、索引等。版心设计的基本规律是先确定视觉中心，三、网格的类型1、对称式网格是根据左右两个版面或一个对页而言，指左右两页拥有相同的页边距，相同的网格数量、相同的版面安排等。2、对称式网格的对称形式及用法对称式网格的最大特点是左右两边的结构相同，页面中的网格是可以进行合并和拆分的。主要分为4种形式：单栏对称网格；双栏对称网格；均衡双栏对称网格；多栏对称网格单栏对称网格适用范围：纯文字行书籍，可适当在页面中配以图示，以缓解画面的枯燥感。双栏对称网格适用范围：文学类书籍，杂志内页正文，也可使用左边放置文字，右边放置图片的方法将版面重新进行划分，增强版面的变化性。均衡双栏对称网格适用范围：添加注释的书籍正文可以根据内容调整双栏的宽度。多栏对称网格适用范围：术语表、联系方式、目录、数据等，也可以根据实际内容增加或减少栏数。3、非对称式网格一般用于设计散页，指对页的排版打破对称的格式，强调页面的视觉效果。4、非对称式单元格非对称式的单元格是以单元格为基础的网格设计，使用非对称式单元格可以很轻松的找到放置图片和文字的位置，设计师只需将设计需要的图片或文字有选择的放置在一个或几个单元格中，就可完成排版的操作。第二节网格的应用网格在印刷品中的应用十分广泛，使用网格便于约定版面构成编排位置、大小以及对齐方式，从而可以更加合理地进行编排设计。一、网格的类型1、正方形网格2、长方形网格3、单向网格横向纵向4、重叠网格文字与图片的栏数和栏宽都不对应2、分栏与分块分栏是将当前页面中的内容整齐地排列为几列；分块是在分栏的基础上建立的横向划分，目的是使版面安排变得更加灵活，图片和文字能够更加合理的进行排列。分栏是分块的前提，分块的数量是以分栏的数量为基础的。可以根据图片的大小确定版式，让图片和文字放置在理想的位置上，分块增加了操作的灵活性，使设计的思路更加清晰和明确。4、卡尔·加里斯纳58单元网格：即在版面中将横向与纵向都分割为58个小的单元，以58单元网格为基本参照，可以进一步丰富版面。3、对齐所谓对齐就是将文字和图片等设计元素按照一定的基准线进行有序的排列，也是进行文字、图片最常用和最基础的方法之一。如左对齐、中对齐、右对齐、上对齐等。在网格模式中要注意:三要点、四忌讳三要点是：网格定位、注意对比、搭构组合四忌讳是：强行出格、基线不明、等分版面、添加零碎三、图片的处理方式（1）角版也成方形版，即画面被直线方框所切割，是最常见、最简洁大方的形态。特点：庄重、沉静与良好的品质感。同样一张照片2、挖版也称退底板，即将图片中精彩的图像部分按需要剪裁下来。特点：挖版图形自由而生动、打破约束，活泼，使人印象深刻。3、出血版即图形充满或超出版页，无边框的限制，有向外，扩张和舒展之势。特点：出血版由于图形的放大，局部图形的扩张感使你产生紧迫感，并有很高的图版率。Q1：图A与图B哪个使用的是不对称式网格？（a、图Ab、图Bc、都是）Q2：不对称式网格的特点是：（a、适合设计散页，有较窄的栏便于插入注释b、适合书籍正文版式设计）Q3：图A与图B哪个更需要网格进行编排？（a、图Ab、图Bc、都是）Q4：网格设计的目的是什么？（a、好用，能放大或者缩小，十分灵活b、网格决定图片、文字等版面元素的位置，以及这些元素间的比例关系）Q5：图A与图B中哪个栏宽较大？（a、图Ab、图Bc、一样多）Q6：栏宽与栏间距之间的关系是（a、栏宽越宽栏间距越宽b、栏间距越窄，栏宽就越宽，所安排的内容也就越多c、栏间距越窄，栏宽就越窄，所安排的内容就越少）案例解析设计要求:1、设计师作品展示对页2、文字量较少，图文需结合巧妙3、适当留白，增加透气性4、每个设计师作品的种类和数量都是一定的，需要一个网格系统来进行规划和统一。1.作品图片之间缺乏逻辑性2、画面不够饱满3、网格系统过于简单4、人物和文字图片位置欠佳修改后：利用网格指示图片之间的关系1、使用网格限定范围2、为版面增加底色3、建立网格系统4、调换文字和图片的位置课题设计：“成长——长成”1、使用自己的照片（不能少于10张），0——20、21、22。。。。。。。。。。。。。。；介绍自己，爱好、性格或自己的成功和失败；自己喜欢的美食等到，当然也包括男女朋友。2、至少有2页使用网格系统对文字和照片进行规划。3、尺寸：A4幅面，对页3张，一共6页，装订成册（书籍、报刊、宣传册、网页等）。4、展示形式不限，可以是图片可以是PPT，但是必须包含.psd或.cdr的源文件。