为了阅读而设计.pptVIP

为阅读而设计 版式设计为阅读而设计 李一涵 / QQ：1296363994 第三章版式设计原理 3.1 分类 3.3 格局 3.1 分类 3.1 分类 在广告无处不在的今天，大多数消费者都有这样一个习惯——回避，不愿意多费神去挖掘信息的含义及其重要性。如何让广告吸引消费者的注意力？ 3.1 分类 同类合并原则 邻近原则 空白空间 3.1 分类 同类合并原则 通常是指导文本信息分类，以确定版式中的整体分区。 阅读文本，分类归纳，标清信息等级（确定中心内容）。 如：标题、副标题、子标题、引文或说明文、正文等。 3.1.1 同类合并原则 同类合并训练重点： a.利用文字的信息级别调整字形、字号、粗细和行距来形成画面中的黑、白、灰关系。 b.依据分类进行整体编排的不同方案，建立整体概念。 【课外作业】 收集5个纯文本版式设计，进行版面黑、白、灰及结构分析，类型不限。 3.1 分类 2.邻近原则 临近原则是指导版式设计中各分类信息依级别不同而具体所进行编排。 不同级别的编排元素应保持一定的距离。 3.1 分类 3.1 分类 3.1 分类 3.1 分类 3.1 .3 空白空间 3.1 分类 3.空白空间 空白空间又称虚空间、负形、受限空间等，是一个被编排的元素包围的空间。 3.1 分类 3.1 分类 a.适宜的空白空间 3.1 分类 b.空间如何留白？ 切口空白：小版心 切口留白，可以很快将读者视线引入版面中。 版心空白。 大空白：分割 / 小空白：连接 切口空白：上升感、开阔、无压迫感。 3.1 分类 版心空白 【阶段总结】 空白空间的“形”（负形），整体形状约有规律，衬托出版面元素相互间的构成就越整体简洁。 空白空间切不可四分五裂！保持空白空间的自然流畅。 2.空白空间的连接作用。 版面之间的节奏感、整体感、连贯性。（多页印刷物） 3.保证版面版心的完整性。 版心边界线和版心四角的抑止。 3.1 分类 3.1 分类 版面之间的节奏感、整体感、连贯性 3.1 分类 【课外作业】 目录（索引）编排设计。 元素：文字、几何形。 提示：a.分析目录信息级别，层级清晰表现！ b.运用临近原则和同类合并原则。 c.注意文字黑、白、灰关系。 d.检查版心完整性！ 2.收集不同版式的目录编排4副。 3.2 格局 格局是指结构或格式，是编排设计中元素布局的依据、骨骼。在版式设计中，首先应将编排区域进行合理的分割，创造出为元素排列、为内容服务的基本格局。 1.九宫格 2.黄金涡线 3.网格体系 3.2 格局 1.九宫格 3.2 格局 2.黄金涡线 黄金分割比率：0.618 3.2 格局 3.2 格局 3.2 格局 3.2 格局 3.网格体系 用网格进行操作的好处很简单：清晰、高效、经济和连续。在所有东西前面，网格首先给布局引入了一个系统的顺序，区分不同的信息种类，并对读者进行导读。 A.网格设置分栏与分块 B.网格类型适用范围 3.2 格局 3.2 格局 A.网格设置 确定版心注意出血线的制定 版心内的栏数设定（横向或纵向） 辅助线设置划分 3.2 格局 B.网格类型 单列网格 多列网格（有横向锚点的多列网格） 单元化网格 缺点：长期阅读，视觉疲劳，一行文字60字适用范围：纯文字性书籍，可适当在页面下方配图，缓解版面枯燥感 缺点：不适合正文的编排。 适用范围：术语表、联系方式、目录、数据等。 缺点：窄的一览一般可以放置解释性文字，但不适合所有的书籍。 适用范围：文学类书籍，杂志内页正文、添加注释的书籍正文 缺点：初学者较难把握版面整体的节奏。 适用范围：画图文较集中的版式、画册、杂志。 3.2 格局 3.2 格局 网格学习方法： 分析优秀设计作品，解读网格构成规律和形式。 通过目测绘制在速写本 —— 输入电脑，软件分析 方法：a.定位页边距 b.找出版面中最小基本单位，以此确定纵向或横向单元尺寸 推荐书目： 《平面设计中的网格系统》.Grid.Systems.In.Graphic.Design 《进阶理解版式设计》 3.2 格局 作业 1. 九格版面练习 训练目的：通过相对简单的九格空间练习掌握网格设计的基本方法。 作业要求： 在一个正方形版面中分割出9个相同大小的正方形格子，格子间距自定，但所有格子间距相同。然后在分割后的9格网格中进行图文编排；共9个，不同编排方式，作业尺寸：170*170mm；设计完成后彩色打印。 2. 统一单元格的网格练习 作业要求：使用统一单