4.4 版式中的网格系统

网格是什么？

简单讲网格就是你对页面版式的规划。

你日常所见的许多页面都有网格存在。你可能注意不到，但它确实存在，并且支撑着设计内容，建立整体的架构，引导着页面的元素。

网格作为一种工具已被广泛应用到平面设计中

赫伯特 · 拜尔为包豪斯产品目录做的设计，显示了在抽象要素使用上的一种敏感。线段从非常粗黑到极细的变化，是一种美丽的对比。韵律和重复扮演了重要要色，形状也被重复，这既产生了一块块文字的视觉组织感，产生了强烈的垂直强调，引导读者的视线由上至下进行阅读。

网格在版式设计中的重要性

网格构成是现代版式设计最重要的基础构成之一。作为一种行之有效的版面设计形式法则，将版面中的构成元素点、线、面协调一致地编排在版面上。 

网格在版式设计中有着约束版面的作用，其设计特点主要强调了比例感、秩序感、整体感与严肃感，使整个版面具有简洁、朴实的版面艺术表现风格，在版式设计中成为主要的构成元素。 

网格作为版式设计中的重要基础要素之一，构建出良好的骨架是很重要的。在版式设计中，一个好的网格结构可以帮助人们在设计的时候根据网格的结构进行版式设计。在编排的过程中要有明确的版面网格。

网格系统的作用

（1）网格可作为功能区分割的依据，使画面变得有条理和规矩

（2）网格是元素对齐的基本依据

（3）网格是处理版面正负形（留白）空间的参照

（4）网格是进行多版面设计统一的有效工具，可提高设计效率。

网格的应用——从混乱到秩序

网格有着不同的应用，但并非适用于任何设计、任何人。杂志和简报之类的出版物几乎都离不开网格。网格增添了页面之间的一种连贯性，并且大大加速了设计的进程。

在一系列独立而有关联的印刷品中，一个共同的网格有助于统一这系列独立印刷品的整体形象。

在一件印刷品中往往有多个独立元素（本文块、大标题，照片，图表），网格会帮助你把这些页面元素组织得井井有条。

总体原则

满足需要的前提下，网格单元越疏越好

网格定义尽量简单，单元与间隙尽可能统一

总结：界面上的信息越复杂，对网格的依赖就越强界面上的信息越简单，对网格的依赖就越弱。

德雷特尔 · 多利尔合伙人设计的对页，其肌质上的对比能够马上引起人们的注意。一系列窄栏的浅色文字穿越了整张对页（表现为黑色摘要的交替），在版式内创造了韵律和重复，给构成以秩序。右页从顶部到底部都是由粗体字创造的深色肌质，这些肌质被横穿左右两页的一行行文字所打乱。这些长长的水平线（表现为浅灰色的交替）既起到了传达内容的作用，也起到了将两个页面统一使之成为一个完整构成的作用。

这张海报是由威尔 · 孔兹为哥伦比亚大学规划和建筑研究生院设计的。海报具有一种建筑上的审美意味，对于建筑专业的研究生院是非常适合的。垂直的字行形成三栏的布局，与方形图片以及绿色空间形成了对比。这些字行与图片下方的水平暗影相呼应，也与版面顶部黑色矩形中三条垂直的细线相呼应。海报中每个构成要素都带有很强的目的性，并且和其他要素形成了导向上的联系。

网格的类型

对称式网格

对称式网格的目的主要是组织信息，平衡左右版面的作用。