无论您是在网页还是印刷设计，您都需要了解网格理论。尽管一些设计人员主动避开网格而倾向于更直观，更自由的布局，但最成功的做法是与网格一起工作，在他们有能力在打破规则之前了解规则。

对于自学成才的设计师来说，网格作为设计工具的许多理论和合理化，并不包含在典型的博客文章和会议讨论中。尚略 上海平面设计公司在这里用这个袖珍的指南：学习使用网格系统来设计作品“来给大家简约介绍一下。

01.网格建立视觉节奏

网格的最主要目的 - 至少在图形设计中 - 是为布局中元素的定位建立一套指导方针。一个有效的网格系统不仅为设计提供节奏，而且还定义了主要元素的规划。

02.网格定义和反映比例

网格的一个关键方面是它有助于确定和定义比例的能力。在印刷品中，比例最常见的是媒体的大小。例如，纸张的形状和方向通常反映在布局内包括的图像的尺寸和形状上。 

这让读者感觉舒适，因为读者由于传送机构的物理形状和大小（例如一张纸）而潜意识地理解布局的背景。

在网络上，这种思考的思想并不那么重要，但是网格可以用同样的方式将内容锚定回屏幕。屏幕可以更流畅，作为设计师，不可能以相同的信心知道将使用何种尺寸和形状的屏幕来观看内容。

无论如何，比例和比例是布局中的重要工具，因此使用网格来确定和执行规则有助于定义允许读者访问和理解内容的所有重要的路标。

03.网格与黄金比例一起工作

最终的网格“系统”的整个概念是设计界最近的一个发明。网格自人类绘画和写作之初就已经有了直观的表现，但直到最近才以学术的方式考虑了布局，因此它从来没有与其他最佳实践布局规则分开存在。交叉的一个例子就是黄金比例与网格的相交点。

黄金比率（也称为黄金平均值）确定最令人愉快的组的比例为一个元素，并简化为“的三分之二规则”。与网格结合使用时，这些尺寸，位置和比例的简单规则可以帮助确保布局的连贯性，同时也具有美观性。

这一点很重要，因为它可以帮助使内容更容易访问。请记住，网格是内容背后隐藏的粘合剂 - 在大多数情况下，它应该是透明的观众。

04.网络上有960个网格系统

一旦你知道了一个网格系统的好处，网页设计师采用网格是有道理的。为了使事情更加实际，一些常见的尺寸已成为标准。最常见的是960像素的网格系统。

960像素是一个很好的尺寸，因为它有很多因素（可以分成的整数） 40，48，60，64，80，96，120，160等等。能够以这种方式分割网格为列的宽度提供了很大的灵活性，提供了一个多用途，可重用的网格系统。

不用说，许多设计人员一直忙于将960像素的网格封装成一组有用的CSS库。一个这样的例子可以在960.gs找到，但如果你环顾四周，还有其他的可用的例子。

05.网格提供了坚实的基础

正如我们所看到的，网格的存在主要是为了帮助确定布局中的定位和平衡。提供这种坚实的基础可以帮助确保内容以易于理解的顺序呈现，但也可以简单地将内容突出显示出来，以突出内容的特定区域。 

观众自然会识别出这些突破，并被吸引到设计师的面前，让设计师有机会发挥布局的层次结构，调整一件作品的意义。

06.网格与其他关键设计原则一起工作

不要忘记，网格只是一个工具，可以用来增强布局的许多基本原理。不要太拘泥于使用网格 - 一些最好的设计会打破网格布局的所有规则，而且这样做更为成功。

了解如何以及何时使用网格只能真正来自经验，所以实验。查看下面的设计理论的其他文章，拿起其他方便的工具和原则，你可以用来提高你的设计。

平面设计知识分享，尚略广告，上海品牌形象设计公司。上海平面设计公司。