网格理论初步讲解，设计相关必看知识

不论你是网页设计师还是平面设计师，网格理论都是必须了解的内容之一。尽管很多设计师主张打破网格，创建更自由的、更直观的布局，并且获得了成功——但你要明白，打破网格必须以理解网格为前提。

对于自学为主的设计师来说，许多的网格理论在设计技术博客或相关杂志上并不多见，理解其合理性可能存在困难。而在这篇简短的文章中，我们会提取其中最简单但十分重要的一些理论，话不多说我们开始吧。

01.网格会帮助你建立标尺和节奏

在平面设计中，网格的主要作用是辅助你的排版，即提供参考线帮助你进行元素的排布。网格不仅可以像参考线一样帮你找到页面排版的节奏，还能为你确定基准距离。

网格的一大作用是突出内容，可以帮助读者很快地找到所需的内容在哪里。网格指定了页面元素出现的位置，给整个页面以确定的规则逻辑。可以说，网格可以作为一张路线图，引导你的读者在内容的海洋里旅行。

02.网格会定义和反映比例

网格的另一个重要作用，是定义和反映比例。在印刷领域和媒体制作领域，往往根据媒介有常用的比例。而载体的形状和方向，往往决定了内容的布局。这些在排版中常通过网格反映出来。

使用纸张比例的网格建立的内容往往令读者感到舒适，因为在人们的过去阅读习惯中，从物理上对于纸张形状（长方形）的布局更加熟悉。

在网页设计中，似乎比例没有那么重要，但网格仍然能被用作将某些元素固定在特定的位置。网页所在的载体是无法确定的，用户可能通过手机、平板、电脑等终端访问，设计师无法预知它们。

尽管如此，网格在排版中仍是一个重要的工具，所以使用网格来制定内容的布局规则，仍是一个很好的方法。它可以标注出重要的内容，让读者更容易获取信息。

03.网格和黄金分割

“网格系统”的概念是设计界最近才发明并以学术方式来研究的，但从人类最初进行绘画和写作的时候就已经出现雏形，人们最喜欢的内容布局方式往往和网格联系颇深，其中一个例子就是黄金分割。

黄金分割是元素最令人满意的比例之一，简化的黄金比例常被以“三分法则”等方式应用。黄金比例与网格结合使用时，尺寸、位置、比例等简单规则可以结合，帮助建立布局的连贯性，同时使页面美观。

尽管网格很重要，可以帮助突出内容，但网格应该作为“无形的参考线”来调整内容，也就是说，在大多数情况下，它在页面上应该是透明的。

04.网页设计的960网格布局

网格系统能带来很多好处，特别是对网页设计师来说，采用网格系统是很合理的。基于实用性目的，一些常见尺寸已经成为了网格建立的标准，960网格布局就是常见的网格系统（即960像素宽度）。

960像素是一个很棒的数字，因为它的因数很多，比如：1、2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60、64、80、96、120和160，这些数字可以为网格列的宽度提供参考，使得网格灵活多变，创建多用途实用性的划分。

许多设计人员致力于将960网格布局封装成一个CSS库，你可以搜索“960.gs”找到。现在很多网页，尤其是旧版网页会采用这样的布局。

05.网格提供了布局基础

如上文所说，网格的存在主要是为了帮助确定元素的位置和页面布局的平衡。它提供了一个坚实的基础，可以确保内容按照易于理解的顺序排列呈现，也可以突出特定的区域。

观众会自然而然地受到排版中被突出元素的吸引，而看到设计师希望他们看到的内容。通过调整网格结构，设计师可以赋予一件作品不同的意义。

06.网格和其他设计规则的协作

不要忘记网格只是一个工具，是用来增强布局的一系列原理的集合。不可以拘泥于网格，有些很棒的设计完全脱离了网格，也可以做到十分出色。

但什么时候应该使用网格全凭经验和实践，不如试着在下一个作品中简单地应用吧？