浅谈版式设计中网格系统的构建方法

摘要：版式设计作为现代设计艺术的重要组成，可以对视觉传达效果的改善提供重要帮助。而网格系统作为版式设计中最为重要的环节，具有自身的形式与特征。文章从网格系统设计的创意规律、种类入手，重点的对网格系统的设计内容进行了论述。

关键词：版式设计；网格系统；比例

网格可将版面的构成元素如点、线、面协调一致地编排在版面上。网格系统在实际版式设计中具有比例感、统一感和准确感强烈等版面艺术特点，伴随着当今时代信息量大而快速传播的要求，网格系统在版式设计中已经越发引得人们的重视，因此有必要对其构建方法进行探讨。

1网格系统设计的创意规律

1.1根据主题要求确定网格风格的设计

由于网格的数量以及设计的主题与媒介的特点有着极为密切的关系，为此一般在娱乐性的主题上使用活跃的版面设计，例如复合网格系统设计；而在严肃的主题上使用理性的版面设计，例如对称式网格系统设计。

1.2根据版面的宽幅确定网格的数量

关于通栏的大小以及变化在西方已经有较为严格的规定，例如在每栏中的字母不超过50个，日本是28个字，而中国至今还没有明确定规定，设计中一般依靠设计师的感觉决定[1]。

1.3在保持页面风格一致的前提下还要有灵活多变的特点

网格系统的设计能够提供方便快捷地形成系列版面的基础，在保持页面风格一致的前提下还要有灵活多变的特点，以保证信息的传递更富有层次与条理。

2网格系统设计的种类

（1）对称式网格系统设计。这种设计一般采用左右两页、两栏或者三栏等，页面、页码的位置对称，左右两页可以互为镜像，从而表现出一种严谨、分明、理性的特点。（2）不对称式网格系统设计。这种设计一般用于较为轻松内容的表现，例如散文、诗歌、女性、体育等，这也就决定了不同版式的平衡性。例如不对称中的留白处理就可以为人们留下一个想象的空间，与中国画的留白有异曲同工之妙。[1]（3）模块网格系统设计。这种设计最早使用于报社编辑，可以将多个模块快速的拼装在一起，从而提升了排版速度。（4）复合网格系统设计。这种设计方式可以说是以上三种网格的综合使用，从而得到极具现代气息的设计。

3网格系统设计

3.1确定页面版心的尺寸比例

在版面的成品尺寸确定之后，作为设计师必须对页面容纳的图形及文字的多少进行大致规划以确定版心面积。这里不仅涉及到宽度与高度，同时还包括字体的字号及多少以及页面数量等都是需要考虑到的问题，如采用黄金分割作为基础的页边空白距离可设定为3：5：8。在这一问题决定之后就可以进一步的对标题以及所要安排的文字内容进行各种组合尝试，从而确定最优的方式[2]。

3.2网格数量

由于一个空间或者平面可以被分割成的网格数量是没有上限的，为此针对具体的作品要通过仔细地研究以获得与作品主题风格相适应的网格形式。例如常用的2、3、4、6栏等均匀排列的方式，极易产生严谨、整齐划一的视觉感受。而将这些简单的分栏在局部进一步细分，例如将两栏变为4栏、8栏，3栏变为6栏或者9栏等，逐步细化的分栏变化，大大提高了版面的内容承载量，为编排内容容量及多样性奠定了坚实的基础。

根据设计研究，眼睛从左到右的标准阅读距离是30～35cm，为此处于这一范围的文字是最适合阅读的。这为栏宽的设置提供了一定的依据。栏宽对于文字的排列有较大影响，一般是栏宽越窄所使用的字体越小。如果设计中在较窄的栏宽中使用较大的字体就会造成同一行的文字数目过少，从而导致阅读过程中频繁换行，加速眼疲劳。一般来讲网格系统的栏数越多其产生的版式编排变化也越丰富。同时，若这些空间间隔或者是文字区域间隔差异越小，那么所设计出的作品静态效果就越强，反之则具有较强的动态效果[3]。以九宫格为例，其水平和垂直方向被均分为三栏。分栏位置非常接近页边的黄金比例，因此更易取得页面的平衡协调感以及形式美感。在确定了网格数量后即可进一步确定其所包含的内容，如文字大小、数目，图片方式等，对所涉及的网格尺寸以及间距等进行微调，从而优化版式的编排效果。

3.3标题、文字及图片在网格系统中的插入

3.3.1标题位置设计

在进行版式设计中，采用网格系统设计必须要确定好文字与图片的网格分配。确定好之后，就要对标题的位置进行规划，标题位置设计要根据栏目的大小、宽度等要素，要具有直观性。标题直观地体现出文章的中心思想，因此也是设计的重点。在网格系统设计中，要对标题的大小、横竖变化及字体、字号变化进行详细设计，根据文章轻重，对每篇文章的标题大小适当变化。汉字的优势在于可以横排，亦可竖排，横竖的变化具有强烈的节奏感，在色彩方面也要有所变化，这样标题才能形成设计的亮点。

3.3.2文字行距设计

字行之间的距离称之为行距，是从本行字的基线到上一行字基线之间的距离。行距已经将文字的高度包含在内。在设计的时候要考虑行距的大小，根据对阅读的速度及版面的清爽度等因素对行距进行设计。要求行距控制不能过大，不能对版面造成浪费，段落之间要清晰，以适应读者阅读的间歇性。要掌握好疏与密的结合，疏主要用意是留足空白，密主要是为了体现出紧凑，只有处理好疏密的关系，整体布局才会合理[4]。一般来讲120%～180%的行距比较适合阅读。

3.3.3图片编排设计

进行图片编排的时候，要与图片的说明文字相协调。图片可以退底，可以出血，也可以是方块图。以方块图为例，一般图片说明放在图的左右侧或上下侧，大多数情况下需要与图片的边线对齐。图片说明的编排不能一行与边线对齐，下一行又缩进两个字符，这样就会显得杂乱无章。

3.4网格的细节优化及调整

网格形式的多样化是网格系统的属性之一。除了文字和图片在固定栏宽中的穿插外，还可以为版面内容提供复杂多变的结构，如注释、图标、小幅说明性照片、装饰等相关元素。例如题图，根据文章内容，可以对标题进行设计，由多种图案共同构成题图，尤其是采用大场面照片作为标题背景，可以形成强烈的视觉效果。再如页眉、页码等装饰性元素的设计运用，可以提高版面的整体性。

4结束语

网格系统设计作为一项艺术性很强的工作，也有其自身的规律性，为此在设计中要结合平面设计的具体特点，科学合理的运用分栏方法以及网格单元将文字、图形、装饰等视觉形象进行合理的设计。同时要结合相应的视觉经验，以及审美规律，如此，才能使网格成为设计师编排版面的强大助力。

参考文献：

[1] 阿历克斯・伍・怀特.平面设计原理[M].上海：上海人民美术出版社，2006：1179.

[2] 加文・安布罗斯・保罗・哈里斯.版式设计[M].北京：中国青年出版社，2006：2354.

[3] 许楠，魏坤.版式设计[M].北京：中国青年出版社，2009：1731.

[4] 赵志勇，徐寰熹.编排设计[M].上海：上海交通大学出版社，2011：6471.

作者简介：雷敏（1981―），男，四川成都人，本科，讲师，成都职业技术学院数字艺术系艺术设计专业主任，主要研究方向：平面设计及设计教育。