谈谈网格设计

网格是基本的设计原则之一，无论你用什么样的工具。网格设计也能够用在不少地方，无论是网站设计仍是杂志、海报设计，在咱们经常使用的设计软件Illustrator和Photoshop中一样支持网格设计。

好比咱们要设计一个三折页。

而后咱们能够经过参考线设置好边距和分栏之间的距离。

再进一步标出版心位置。

最后咱们就能够对该版面的进行网格设计了。

固然，咱们也能够经过另一种手段来实现对网格布局的设计。

我想，如今你应该对网格布局有必定的了解了，可是还能够更复杂，固然也会更强大。

 

好比经过下面的这个小图表也能够发现网格的存在，实际上，这是经过网格计算的出来的列和行的宽度。举例来讲，| ~ | ~ | ~ |将是一个三列的网格。

若是咱们展开观察，在本例中，文档的页边距和装订线是40个像素，则该图标的宽度为60个像素，该段之间的空间为10个像素，而且列的宽度是未知的，但应当是彼此相等。这能够在像这样的网格符号来表示：

| 40px | 60px | 10px | ~ | 40px | 60px | 10px | ~ | 40px | 60px | 10px | ~ | 40px |

网格加起来有一个明确的值，并减去从可用空间的宽度的命令。而后它将该通配符之间剩余的区域。其结果将是这样的：

咱们能够用到更美的数学方式来设计网格。

黄金比率

黄金比例是0.618，黄金比例用百分比表示是38.2%和61.8%。因此，若是输入38.2%的宽度，那么这个分栏就是黄金比例的。

斐波那契序列

后者是前面两个数字之和，而且在100％的斐波值为1％，1％，2％，3％，5％，8％，13％，21％，34％，55％，89 ％。虽然这看起来很是简单，咱们必须进行调整，以使网格看上去是准确的。经过调整后，斐波那契数网格的比例将是：

| 1% | 1% | 1% | 2% | 3% | 5% | 8% | 13% | 21% | 34% | ( vl )

 

若是以为每次设置太麻烦，咱们能够存为模板，你能够试试看。