作者：刘思宏，作为美博思远考研学院中的一员，本期我将和大家聊聊板式设计中网格的应用。
版式设计是现代艺术重要的组成部分，是一种重要的视觉语言。其作用主要为信息传达，构想策略和提升理念，而网格是设计得以成立的基础，使设计师将丰富的元素有效的组合，安排在一个页面上。
网格是一件设计作品的骨骼，通常被应用在各种各样的作品中，书籍，杂志，网页，交互页面。通过网格结构的编排和调整吸引我们的注意力，让我们有正确的阅读顺序并能持之以恒阅读下去。
那么网格通常会起到什么作用呢？又是怎样作用在我们眼中的呢？怎样在版式设计中使用网格呢？
本文将带你初探网格的魅力。
一、网格的基本用途，为何使用网格
在页面设计中，网格为所有的设计元素提供了一个结构，它使设计创造更加轻松，灵活，也让设计师的决策过程更加简单。尽管现在许多人都通过电子文档阅读，但印刷设计背后的结构和原理依然适用，因为我们浏览习惯从未改变。
网格的基本功能是信息组织
随着时代的发展，网格尽管已经有了进步，但支撑它的基本原则从未改变。易读的文本和清晰的标题一直存在于各种文学文本，报纸中。
为何使用网格，这要从我们的阅读习惯讲起。
我们每天都在阅读，可作为一个平面设计专业的你，真的知道我们是怎么阅读的吗？
任何一页读物都有积极部分和消极部分，这与内容本身和个人的阅读方式有关。当我们面对一页读物时，我们的眼睛习惯的从左上角开始寻找切入口，然后向右下方浏览。如图所示，深色部分提示出最受
▲成角
竖版
内容以竖版的形式被呈现出来，迫使读者调整他们惯性的阅读方式。这种方法常常用于表格之类的元素，它们对标准纸张来说太长了。
成角
成角排放的内容也能迫使读者调整他们的阅读方式，尽管文本和图像能组成任意角度，但它们最好能具有稳定感和一体感。
▲水平
▲垂直
水平
页面元素被平铺并且被强调，从而吸引读者的视线横穿过页面。
垂直
页面元素被垂直编排，引导读者的视线上下浏览。
裱图框
这种样式在呈现图片的时候经常被使用，这时旁边的留白对它起到了烘托作用，如同画框一样。由此，图像占据了整个页面空间。
▲轴线
▲裱图框
轴线
页面元素有意整齐的在轴线上对齐，就像上图中所表现的垂直居中对齐一样，这种样式在呈现图片的时候常被使用。
分组
聚合成组的元素能让相关的信息联系起来。分组的方法就是将图像和文本置入单页，通页，甚至整个出版物的特定单元。
比例
我们也经常通过变化元素的比例来创造动态感。例如图像元素，比例关系可以创造出平衡感和不对称感。
左图表现出的是消极的并列关系，左右两个图像的尺寸一样大，在左图中，只存在图像自身的差异。
右图表现出图像积极关系，通过改变图像的比例，吸引读者注意力。
层级
我们通常利用层级的概念，通过变化比例大小和布局来凸显作品中最重要的信息。
中性
这个页面是中性状态的，两页文本之间没有层级关系。
位置
对设计元素进行布局，如上图将标题放在左页。（注意我们一开始提到的我们的阅读顺序是从左上角开始）
位置和尺寸
位于页面入口处（热点区域）的元素被放大，他与下面元素之间的距离被拉大，这就形成了这个元素在层级中的统治地位。
网格绘制
这里来介绍一个利用数学原理绘制网格的方法
三分法的运用
在一个页面中叠加一个3*3的网格，各个线的交叉点就是所谓的“热点区域”。三分法可以为设计带来活力和动感，是构图和版面编排的向导。
举个例子
图为法国画家塞尚(Cezanne)的《浴女》.通过整版的简单网格。我们能非常清楚地看见三分法所起的作用。网格的水平线和垂直线相交的点，就是热点区域。尽管图中的元素并不是完全严格地紧扣热点区域，但画家将关键元素安排在这些交叉点的周围。同样为构围增添了充满生气的动感。
奇数法
在构图中，奇数元素比偶数元素更能引起观者的注意。因为与偶数带来的对称效果相比，奇数元素显的更加自然。
在页面安排元素布局时，可以利用奇数法将元素在热点区域靠近，通过元素的互相作用造成紧张感。
相比左侧的单一图像，右侧的元素关系形成更加活跃。
对称网格
对称网格类似镜像图案，左右两页的结构互为镜像，形成了一种平衡，协调的感觉。带给读者一种愉快，条理分明的印象。
在连续的通页中使用对称网格，有时会显得有些重复和缺乏创意，这时我们可以通过添加其他页面元素，例如页码，说明和脚注。这能让这类网格变得灵活。
不对称网格
不对称网格是左右两页是同样的版式，却在页面的整体方面呈现出向左或向右偏的倾向。下图使用的网格，令设计师可以戏剧性的改变设计中各元素的比重和平衡度。
模块网格
在网格中，模块是分隔开的板块或单元，用来容纳、集结特定的文本或图像元素。模块将网格分隔为一系列板块或区域，设计师可以通过对模块的运用使作品表现出一种运动感。依靠对模块进行合并，页面能够表现出水平或垂直的运动趋向。
对称模块网格和不对称模块网格
左面这个通页里，左，右两页的网格是对称的，即使两页的模块并不是对称排列。这种布局为两页之间提供了理想的平衡感。由于网格的外缘留白是相等的，设计师又将平静的感觉融入通页中，将读者的注意力向中间订口的方向吸引。
右面通页的左，右两页网格是不对称的，活跃的，稍不平衡的布局为设计增添了运动感。页缘留白的不均衡造成了视线焦点的偏移。在这个通页中，右侧的页缘留白是最窄的，引导读者进行翻页。
当然，所有的网格和原理在版面设计中绝不是一成不变的，我们在设计的时候要考虑受众，版面大小，材质等诸多因素。设计就像一场修行，一切经验之谈都是空话，真正的方法还需自己在实践中慢慢累积。
