1、,书籍装帧设计B o o k D e s I g n书籍的网格设计 主讲：杨璐莎,第一节 网格概述,网格即是安排均匀的水平和垂直的格状物，网格设计就是在版面上按照预先确定好的格子为图片和文字确定位置。,网格设计在20世纪20年代产生于瑞士，50年代流行于世界各地，它是在书页上按照预先确定好的格子分配文字和图片的一种版面设计方法。网格设计，或者叫做网格系统、又有人把它叫做标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计或者欧洲版面设计（与美国的自由版面设计相对而言）。标志着书页开本、版心尺寸、栏目宽窄和空白大小的版面设计形式就属于这个范畴。,网格设计与古典版面设计相比，是以完全不同的设计原
2、则为基础的。它的特征是重视比例感、秩序感、连续感、清晰感、时代感、准确性和严密性。它是以理性为基础的，与以感性为基础的美国自由版面设计成为很好的对比。当我们把技巧、感觉和网格这三者融合在一起时，能更好地解决功能、逻辑和美学上的问题，就会出现精美大方、令人印象深刻的画面。网格设计是书籍、报纸、杂志、广告、产品样本、展览等设计的有效方法。,网格,网格的应用,一、网格的类型1、对称式网格是根据左右两个版面或一个对页而言，指左右两页拥有相同的页边距，相同的网格数量、相同的版面安排等。,2、对称式网格的对称形式及用法对称式网格的最大特点是左右两边的结构相同，页面中的网格是可以进行合并和拆分的。主要分为4
3、种形式：单栏对称网格；双栏对称网格；均衡双栏对称网格；多栏对称网格,单栏对称网格,适用范围：纯文字行书籍，可适当在页面中配以图示，以缓解画面的枯燥感。,双栏对称网格,适用范围：文学类书籍，杂志内页正文，也可使用左边放置文字，右边放置图片的方法将版面重新进行划分，增强版面的变化性。,均衡双栏对称网格,适用范围：添加注释的书籍正文可以根据内容调整双栏的宽度。,多栏对称网格,适用范围：术语表、联系方式、目录、数据等，也可以根据实际内容增加或减少栏数。,3、非对称式网格一般用于设计散页，指对页的排版打破对称的格式，强调页面的视觉效果。,4、非对称式单元格 非对称式的单元格是以单元格为基础的网格设计，使
4、用非对称式单元格可以很轻松的找到放置图片和文字的位置，设计师只需,第二节 网格的应用,网格在印刷品中的应用十分广泛，使用网格便于约定版面构成编排位置、大小以及对齐方式，从而可以更加合理地进行编排设计。,1、网格的应用,2、分栏与分块分栏是将当前页面中的内容整齐地排列为几列；分块是在分栏的基础上建立的横向划分，目的是使版面安排变得更加灵活，图片和文字能够更加合理的进行排列。,3、利用有限的网格排出灵活的版式（1）角版也成方形版，即画面被直线方框所切割，是最常见、最简洁大方的形态。特点：庄重、沉静与良好的品质感。,2、挖版也称退底板，即将图片中精彩的图像部分按需要剪裁下来。特点：挖版图形自由而生动
5、、打破约束，活泼，使人印象深刻。,3、出血版即图形充满或超出版页，无边框的限制，有向外，扩张和舒展之势。特点：出血版由于图形的放大，局部图形的扩张感使你产生紧迫感，并有很高的图版率。,第三节、网格的设计方法,1 确定版心,2 把版心分为2栏,3 把版心分为6格,4 把文字块与网格 的高度进行比较,5 格子与格子之间 留出空距,7 把网格放在文字 上面进行调整,6 确定有6个格子 的网格,8 字行与格子的顶 边和底边对齐,3种不同大小的字体：7p、10p和20p，分别用与图片说明、正文和标题。红线把字行分成1组：7p的3行，10p的2行，20p的1行。从红线到下一条红线是24p，这一距离相当于加
6、上自动行距的3行7p，2行10p和1行20p的字体。假如把图片的高度定在第一条红线至其它红线之间，它的顶边和底边都会与字行对齐。,有2栏和8个格子的网格。每格有1行图片说明文字和每格有3行图片说明文字。标题、正文和图片都在网格内。,有2栏和8个格子的网格，可安排8种不同大小和形状的图片。它一共有4个长方形和4个扁方形，能提供足够的方法把各种大小的图片与文字组合在一起。,画草图。这个网格分为4栏，每栏8个格子，共32个格子。从最小最扁到最大最高的图片和文字的组合，能产生32种不同大小的形状，表现方法丰富多样，这种精密的网格特别适合必须应用大量小图片的书籍、杂志和报纸。这里的一部分例子是说明怎样画
7、草图，以便从草图上看出最后的印刷效果,A、图片设计,选择 剪裁 组合,图片选择。图片视觉性的强弱度，一般的倾向是按以下的顺序，人物 动物 静物 风景,图片剪裁。同样一张图片，经过剪裁后，往往会改变视觉性的强度。其强度一般有如下的顺序，眼睛 脸 上半身 全身 风景或其它背景配合的全身。,图片组合。应用对比的方法。,图片组合。应用和谐的方法。,图片组合。连续图片的儿童画册，也叫做图片故事，它象电影一样能够表现一件事情的过程。,横贯西伯利亚的铁路，在设计上不从左页上方而是从下方观看象一座桥梁横贯两页，中间留出大块空白，阻止视线从第一幅跳到最后一幅，引导读者顺序观看画面，顺着一定的思路进行。,图片组合
8、。连续图片的画册，也叫做图片故事.,伦敦情景，这里不是表现个别的画面，而是全部摄影作品一起表现，给人以强烈的印象。全部画面描绘在公共汽车行驶中拍摄到的“大伦敦”的情景，图片和图片之间没有空距，一幅紧挨着一幅，常常使人感到从一幅画面越向另一幅画面，产生了紧凑的无边无际的效果。,B、图文编排,选择 剪裁 组合,4、卡尔加里斯纳58单元网格：即在版面中将横向与纵向都分割为58个小的单元，以58单元网格为基本参照，可以进一步丰富版面。,一、需要一些变化来打破网格,使用网格后版面的安排一成不变。文字和图片显得过于稳定而缺少变化,二、文字的栏数和图片不对应时,文字与图片的栏数和栏宽都不对应,课题设计：“成
9、长长成”,1、使用自己的照片（不能少于10张），020、21、22。；介绍自己，爱好、性格或自己的成功和失败；自己喜欢的美食等到，当然也包括男女朋友。2、使用网格系统对文字和照片进行规划。3、尺寸：A4幅面，对页2张。4、展示形式不限，可以是图片可以是PPT，但是必须包含.psd或.cdr的源文件。,第四节、网格的形式,1、正方形网格2、长方形网格3、大小网格4、单向网格5、重叠网格6、突破,1、正方形网格,比利时旅游图，封面和封底,比利时旅游图，内页,比利时旅游图，展开的内页,、长方形网格,3、大小网格,物理书籍,日本书籍“设计”,viva音乐会海报,4、单向网格,横向,竖向,书架,民主德国已故25位艺术家,晾衣绳,出土文物300品,、重叠网格,杂志,世界建筑1900-2000护封,世界建筑1900-2000内页,世界建筑1900-2000内页,药理学,6、突破,德累斯顿美术出版社20周年,四、三维网格,谢 谢,
