课 题 第三节 分栏-网格 授课时间 月 日 总第 课时
教学目标 重点 难点 教具 教学环节 组织教学 (1) 引 课 {2} 新 授 1．要求学生掌握版式设计原理分栏概念。 2．培养学生认识版式设计原理分栏的方法 基础知识的理解与掌握 所学知识的灵活运用 课 型 新授 教 法 指导自学、讲解法 学生活动 教师导课 教师详细讲解知识 学生看书 教师总结 教 师 活 动 师生问好，师强调学生安全问题 信息内容有着它自己的内在结构和固定的组成部分，需要一定的鉴赏力去揭开各部分的相互连续性，网格为设计提供了一个基本的框架，帮助形成清楚、连贯的信息关系和易懂的页面，给设计一种内在凝聚力。 什么是网格？ ①网格概念 网格是一种包含一系列等值空间（网格单元）或对称尺度的空间体系。它在形式和空间之间建立起一种视觉和结构上的联系。形式和空间的位置及其相互关系通过二维网格来限定。网格的构图能力来自于所有元素之间的规则形和连续性，它能够决定一个页面上元素的零散或整齐程度、页面上插图和文字的比例，通过网格建立连续的秩序或参考区域，从而产生普遍联系。 网格由垂直线与水平线相交构成网格单元，网格单元之间的空白区域称为分隔线。 网格的表现：首先，在版式四周要留出页边，采用1磅的线条。其次，把该空间等分，以使各列文字相互间不接触，每个单元格之间也要有一条空白的分隔带，网格内采用细线。 网格以垂直单元与水平单元的数目定义。一个两栏三行的网格被称为6单元网格，或2×3网格。而一个三栏四行的网格被称为12单元网格，或3×4网格。网格一旦建立，各栏文字或图片的宽度、长度便可以随便调整，并且可以占用多个网格单元）。 网格使用原则：对以文本为主的版式，通常使用两栏或三栏简单的网格。对于以插图、图片为主的版式，通常使用三栏以上复杂的网格。 网格越复杂，你的设计就越具有灵活性，当然难度把握就越大，需要长期的经验积累。 ②网格分类 ⑴一次性运用于设计作品的网格 这类网格通常一次性用于设计项目之中，不反复使用。对于一些复杂的信息，如表格、科学数据、名单和一些重复的元素，如标题、多幅图片和正文，在特定的页面和版幅上都需要设计网格进行定位，使复杂的信息条理化。 提示： 2纵列、6纵列和5纵列网格是最基本的标准网格。 2纵列网格把设计空间分为4部分；而6纵列网格是在各页上再分3纵列； 5纵列网格可以单独使用，也可以两个大纵列加一个小纵列合并使用（见图）。
⑵用于多页面或多主题出版物的网格系统 课 题 月 日 总第 课时 第三节 分栏 -2版式中的线 授课时间 网格可以提供一个重复使用的系统，使设计过程和出版周期达到一体化，许多最基本的设计元素因网格系统得以保留，每次使用时只需作局部的修改，保持了出版物特有的风格。 本小节仅对网格的基本概念作一些介绍。网格构成设计是一门学问，可以参考相关专业书籍进行深入学习。 网格系统：或称为标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计、或欧洲形式（与美国的自由版面形式相对而言），它的源流可追溯到20世纪20年代的构成主义。 网格设计不是简单地把文字和图片并列放置在一起，而是从画面结构中的相互联系发展出来的一种形式法则。50年代才在欧洲定型为版面设计形式。它的特征是重视比例感、秩序感、连续感、清晰感、时代感、准确性和严密性。 著名的瑞士设计师约瑟夫?米勒?布罗克曼说：“网格使得所有的设计因素——字体、图片、美术之间的协调一致成为可能。网格设计就是把秩序引入设计中去的一种方法。” ③如何构成简单的网格 简单些的网格通常比复杂的网格更好掌握，一般分成五个、七个栏目的网格，普遍情况下都较为实用，而且用起来很有趣，因为它有一定的选择余地，但过分复杂的网格因选择的余地过大，好像到处都是网格，也会毫无用处，因为网格单位太小，读者就很难看清它的条理。 有条理的设计来自于流畅的结构，它能按顺序地从一个元素到另一个元素进行引导。 网格构成方法： ⑴分析优秀设计作品，解读网格的构成规律和形式。 首先，在速写本上通过目测分析出优秀版式设计的基本网格结构并绘制出来。这一步非常重要，它可以训练视觉迅速捕捉出基本网格结构线，减少对电脑分析的过于依赖或者依葫芦画瓢的错误分析方法。 其次，将优秀版式设计输入进电脑，在软件中进行分析。 ⑵确定主要信息元素位置，以此延伸外形轮廓线，在版式中构成基本框架 板 第三节 分栏分栏 书 ① 网格概念 ②网格分类 ③如何构成简单的网格 设 计 课后 回顾
教学目标 重点 难点 教具 1．要求学生掌握版式设计原理分栏 版式中的线概念。 2．培养学生认识版式设计原理分栏 版式中的线的方法 基础知识的理解与掌握 所学知识的灵活运用 课 型 新授 教 法 教学环节 教 师 活 动 组织教学 师生问好，师强调学生安全问题 (1) 引 课 2、版式中的线 {2} 版式中的线包括三种：由字的编排构成的 线、视觉引导线、几何线。 ①字有秩序的编排构成线，在平面构成中 我们知道点的移动可以构成线，设计中常常将新 授 字符作为点进行线的编排，通过字体、粗细、 大小构成不同明度的线（见图）。 ②视觉引导线 视觉引导线在版式中是一条看不见但却非常关键的导向线，它直指中心内容。 我们在分析作品时，一定要善于发现这条看不见的线。因为它引导视线去关注设计主题，成为贯穿版面的主线，版式中的编排元素以视觉引导线为中心依信息级别向左右或上下展开。 视觉引导线是版式设计中定位的依据，表现为水平线、垂直线、曲线、斜线。 ③几何线 几何线表现为可视的网格分区线和装饰线。 ⑴用线分割版面的设计 网格线通常是隐性的，仅起定位作用，没经过专业训练的受众不易发现。但是，版式设计师有时也别出心裁的使优美的网格结构线跃然纸上，成为可视线条。设计时，应将网格线视为装饰元素作整体上的安排，切不可让纵横密布的网格线影响信息的传递。 ⑵用线装饰编排元素的设计 在版式中，编排元素时常用线来装饰，引起视觉关注。 当引文需要强调时，用线作为装饰，将引文与正文加以区别。正文中，装饰线条可以将正文进行平级信息分区；同时，线条也可以用在单词下方，对正文中重点内容起强调作用。 ⑶用线框来限定版式中的编排元素 线框可以用来加强某种编排元素视觉效果，使其在整体中显得特别出众。当被强调的对象是说理性很强的文字或图形时，可用有规律的几何形线框来限定它，使形式与内容完美统一。 ⑷用线来装饰整体版面的设计，常用于展开页的整体设计，起到连贯信息的目的。 指导自学、讲解法 学生活动 教师导课 教师详细讲解知识 学生看书 教师总结
3、重复原则 同样的形在一个设计中多次使用，称为重复。包括形的重复、尺寸重复、课 题 色彩重复、质感重复、方向重复、位置重复、空间重复和重量重复等。授课时间 月 日 总第 课时作品分析 版式设计中编排元素间形的重复、编排元素与空白空间形的重复、编排元素在网格单元中的重复，构成协调一致的视觉形象。然而太多的重复可能会损害编排的活力，这时可以在方向和空间上作一些变化：形以各种方式相互迭加、穿透、组合、或正负形的结合等。 ①重复构成方法 依据对文本的分类，找出重复的内容（标题的样式、段间间距、图形等元素）,分区设计时有意识重复各区域的外形，重复各级分组及它们的对齐方式，并将这种设计特征运用于不同的页面重复使用，以便让读者能够看懂组织结构。 这个理念可以应用到设计的每个内容中：要有意识的去做。 ②重复的形式 线性重复：按同一方向同样间距重复形。 二维重复：多行的单元形或组规则重复。 三维重复：产生空间和结构网格系统。 版式中的对比 运用对比可以帮助设计作品具备层次感，而层次感就是观众接受信息的顺序，即他们能理解哪些是重要的信息，哪些是次要的。 对比的把握： ①为各种元素安排一个规则的体系，然后打破这个体系。 ②图形：在大小比例上设计一个出其不意的变化。 文字：把语言重点转换成视觉重点最常用的是大小的对比。 ③把某一元素移出它原有的位置（见图）。 ④去除某一预料之中的元素。 ⑤改变某一元素量。 第三节 分栏 板 2版式中的线 书 ①字有秩序的编排构成线②视觉引导线③几何线 设 3、重复原则 计 ①重复构成方法②重复的形式 课后 回顾
板式设计教案完整版 - 图文
