第五章 版式设计中的网格与色彩

1．非对称栏网格 非对称栏网格左右页面的网格栏数基本一致，每一栏垂直对齐，但左右页面并不 对称，并且左右页面的页边距也可以不同。这种编排方式有效地打破了对称的呆板样 式，使版面更富有生气或活力，如下图所示。
12
2．非对称单元格网格 非对称单元格网格依然采用单元格来划分版面，只是不像对称网格那样进行绝对 的平均划分，也不要求所有的区域都大小一样。在进行文字、图片编排时，将其放置 在一个或几个单元格中，可使版面变得灵活多样且错落有致，层次清晰，增添版面活 力，如下图所示。
1．消费群体对版面配色的影响 消费者的年龄、性别、职业、文化程度以及经济状况等因素都会影响到其消费行 为，而色彩是产品给消费者的第一印象，因此对于色彩的选择，应充分考虑消费者群 体的差异性，进行有针对性的色彩设计，才能抓住消费者心理，从而促进购买欲望， 如下图所示。
25
2．产品属性对版面配色的影响 版面配色还应考虑到产品属性，尤其对于广告版面设计非常重要。因为不同的产 品具有不同的特点，如果一味地追求视觉冲击力而忽略产品自身的特征，会造成配色 与产品属性不符的结果，容易引起消费者的误解甚至反感，从而给产品销售造成负面 影响，如下图所示。
5
（二）网格的作用
1．划分版面并调节版面气氛 网格能增强了版面编排的灵活性，设计师可以根据版面信息的具体情况和设计的 需要来灵活、主动地安排版面元素。只要在网格框架内，在不影响版面的整体平衡性 的前提下，对一些细节进行适当的调整，更能起到丰富设计的效果。
6
2．组织版面信息 组织版面信息是网格最基本也是最重要的一项功能，通过网格的组织使版面中的 文字、图片等构成元素变得更加精确、协调，使版面更富有规律性，如下图所示。
20
第二节 版式设计与色彩
一、色彩在版式设计中的作用 二、色彩与版式设计元素 三、色彩与消费的关系 四、色彩在版式设计中的应用技巧
21
同的色彩来表现图像，可以使图像效果更加丰富，形式美感更强，从而增 加版面的视觉感染力，如下图所示。
22
2．色彩与文字的关系 色彩还影响文字的可读性。白底黑字是最常用的色彩搭配，因为黑白两色的巨大 差异保证了文字极高的辨识度。根据版式和设计的需要，设计师应灵活地变换字符色 彩以增强其表现力和视觉美感，如下图所示。
18
2．象征意义 色彩的象征意义主要受社会环境或生活经验的影响，例如，红色使人产生喜庆与 积极的感觉，而黑色则给人庄重、肃穆之感。在版式设计中，通过运用色彩的象征意 义可以更好地体现设计主题，如下图所示。
19
3．强调重点 通过选用不同的色彩，利用色彩在色相、明度、纯度上的差异对版面内容进行有 效的区分，使重要信息从版面众多元素中脱颖而出，达到引人注目的目的，如下图所 示。
16
第二节 图形的编排
一、图形的主要分类及特征 二、图形的基本编排
17
一、色彩在版式设计中的作用
1．情感作用 不同的色彩或同一种色彩处于不同的环境，会带给人们不同的心理感受，或华丽 或质朴，或明朗或深邃。在版式设计中，应充分理解和运用色彩的特点和属性，才能 更好地体现设计意图，突出设计主题，如下图所示。
13
（三）基线网格
基线网格提供了一种视觉参考，可以帮助版式元素按照要求准确对齐，为编排版 式提供了一个基准，有助于设计师制作出规范化的版面，如下图所示。
14
（四）成角网格
成角网格是指版面中的所有元素都朝向同一个或两个角度进行分栏编排。成角网 格可以根据需要设置成任何角度，由于使用了倾斜的角度，打破了常规，可以展现出 多种新颖创意。需要注意的是，在设置成角网格的倾斜角度与文字的方向时，应考虑 到人们的阅读习惯，使其与版面结构达到最大程度上的协调统一，如下图所示。
版式设计
Layout Design
第五章 版式设计中的网格与色彩
第一节 版式设计与网格幻灯片 3 第二节 版式设计与色彩幻灯片 17
2
第一节 版式设计与网格
一、网格的概念与作用 二、网格的分类 三、打破网格
3
一、网格的概念及作用
（一）网格的概念 （二）网格的作用
4
（一）网格的概念
简单地说，网格就是版面中的骨格，是设计的辅助工具，也是版式设计中一种非 常重要的版面组织方法。
10
2．对称单元格网格 对称单元格网格编排是将版面分成同等大小的单元格，再根据版式的需要编排文 字和图片。单元格的大小可以自由调节，但须保证每个单元格周围的空间是相等的。 这种网格结构具有很大的灵活性，版面具有很强的空间感和规律性，给人规则、整洁、 有规律的视觉效果，如下图所示。
11
（二）非对称网格
7
3．提升阅读关联性 运用网格进行编排能使版面整体结构更为明确，视觉流程更为清晰，从而提升阅 读关联性，使版面效果统一、整齐，如下图所示。
8
二、网格的分类
（一）对称网格 （二）非对称网格 （三）基线网格 （四）成角网格
9
（一）对称网格
1．对称栏网格 对称栏网格中的“栏”指的是版面中编排文字的区域，它使文字编排更有秩序、 版式更严谨。对称栏网格又可细分为单栏对称网格、双栏对称网格、三栏对称网格和 多栏对称网格;对称网格并不局限于杂志、书籍类的对页，在单一的版面中也同样适用， 只是它的对称线不再是对页的交接线，而变成了页面的中线，使得版面在左右方向或 上下方向呈现出对称的样式，如下图所示。
23
3．色彩对版面率的影响 版面率主要由页边的留白量决定，除此之外，色彩对版面率也有很大的影响。例 如，在相同的版面中，白底色和红底相比，白底的版面率要大于红底的版面率。因此， 在版面显得空旷而又没有更多元素可以添加的时候，可以通过色彩来调整版面率，以 使版面显得更加饱满、生动，如下图所示。
24
三、色彩与消费的关系
15
三、打破网格
网格有助于设计师编排版式，使版式更方便阅读。但如果大量机械地运用网格， 也会造成版面的呆板和乏味，使版式缺乏活力，因此，不要一味地拘泥于网格的束缚， 有时打破网格能使版面更具灵活性，更富有创意效果;当然，打破网格并不是彻底地摒 弃网格，而是通过对网格进行局部的调整，以网格的某一条或几条线为基础进行编排， 也可将网格与无网格进行混排，以使版面在变化中保持平稳，如下图所示。