第二章 版面设计的原理删格与版式.pptVIP

通常编排元素在白纸上进行布局时，都将白底作为黑、白灰中的白，用其他元素来构成版式中的黑或不同明度的灰。黑、白、灰的整体关系易于理解。这是一页纯文本的编排，这张作品中，增加了一个深色色底，那么如何理解黑、白、灰的概念呢?事实上，平面构成中黑、白、灰关系是相对的。在这张版式中，底色为中明度的灰，标题字为黑，说明文、引文、正文构成不同明度的灰。那么白的概念如何表现呢?它是由版式左边大面积的空白空间构成的。 2、点、线、面 ?点线面这三个元素的组合变换，通过点的空间排列、线的曲直粗细的变化、面的虚实与面积对比以及点线面综合性主观处理，建构起整个版式的视觉形象，达到最佳的传播效果。 二、分区 3、正形与负形 ?在视觉构成中，面用于定义空间或体积的边界，被面所限定的区域也称为形。 面在二维平面上，常表现为各种各样的形状：几何形，有机形，不规则形，曲线形。 形可以根据内容大致分为表现形体和抽象形体两大类。表现形体即包含特定主题、可与观众进行视觉交流的形。在版式设计中，包括图片、标题、引文、正文等编排元素抽象成“面”之后的形。抽象形体(或非表现形体)指不包含可以认知主题的形，例如负空间，。 ①通过实践把握不同字号的文字形成的面积大小。 ②通过实践把握不同字形、字号、行距、字间距所形成的面的明度关系。 二、分区 表现形体（正形） 空白：抽象形体（负形） 1、网格????? 网格（Grid)意为栅格,指由交叉或平行的条构成的架子，是系列版面在视觉表现上的框架。即：利用页面上预先确定的网格，按照一定的视觉原则在网格内分配文字、图片、标题等元素。 三、分栏 三、分栏 2、网格的类型 ? 对称式网格 是根据左右两个版面或一个对页而言，指左右两页拥有相同的页边距，相同的网格数量、相同的版面安排等。 对称式网格的最大特点是左右两边的结构相同，页面中的网格是可以进行合并和拆分的。 主要分为4种形式：单栏对称网格；双栏对称网格；均衡双栏对称网格；多栏对称网格 三、分栏 适用范围：纯文字行书籍，可适当在页面中配以图示，以缓解画面的枯燥感。 单栏对称网格 适用范围：文学类书籍，杂志内页正文，也可使用左边放置文字，右边放置图片的方法将版面重新进行划分，增强版面的变化性。 双栏对称网格 适用范围：添加注释的书籍正文可以根据内容调整双栏的宽度。 均衡双栏对称网格 适用范围：术语表、联系方式、目录、数据等，也可以根据实际内容增加或减少栏数。 多栏对称网格 ? 非对称式网格 一般用于设计散页，指对页的排版打破对称的格式，强调页面的视觉效果。 三、分栏 非对称式网格 ③非对称式单元格 非对称式的单元格是以单元格为基础的网格设计，使用非对称式单元格可以很轻松的找到放置图片和文字的位置，设计师只需根据设计需求进行图片与文字的编排。 三、分栏 三、分栏 三、分栏 三、分栏 三、分栏 三、分栏 小结： 分栏与分块 分栏是将当前页面中的内容整齐地排列为几列； 分块是在分栏的基础上建立的横向划分，目的是使版面安排变得更加灵活，图片和文字能够更加合理的进行排列。 三、分栏 分栏 分块 分块 需要一些变化来打破网格 使用网格后版面的安排一成不变。文字和图片显得过于稳定而缺少变化。有时可以采取一些变化打破沉闷的格局 * Visual Design Space 第二章 版式设计原理 分类 分区 删格系统与版式设计 分栏 2 3 1 4 在广告无处不在的今天，大多数消费者都有这样一个习惯——回避，不愿意多费神去挖掘信息的含义及其重要性，如何让你的广告吸引消费者的汪意力，这就需要设计人员对广告涉及的信息进行分类，从混乱中理出头绪，从而导引消费者的目光。 ?设计的过程是一个从各级别信息中筛选找到最重要信息元素的过程。这个过程分几个阶段完成。首先要去掉大量没有价值的信息，然后，在相对重要的信息中仔细寻找，逐渐分离，最后找出最重要的信息，设计师以此来提高它的重要性，并把它呈现在读者面前。 一、分类 1、同类合并原则 信息等级的寻找遵循的就是同类合并原则，信息等级处理是成功设计的关键。 首先，面对一项设计任务，必须认真阅读文本，对信息进行分类和归纳。在文本中应将信息等级一一标注清楚，诸如标题、副标题、子标题、引文或说明 文、正文等，对不同级别的信息含量(特别是正文所占的面积)做到心中有数，这样，在设计时就能有意识地将同类同级别的信息合并在同一个区域内。 一、分类 2、确定中心内容 在版面中如何清晰明了地表现大量信息?这就需要确定中心内容。 能否正确地选择中心内容，这依赖于设计者的意图、市场和消费者所关注的方面等。 中心内容的确定，具体而言，就是对合并在同