談談網格設計

網格是基本的設計原則之一，無論你用什麼樣的工具。網格設計也能夠用在不少地方，無論是網站設計仍是雜誌、海報設計，在咱們經常使用的設計軟件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 )

 

若是以爲每次設置太麻煩，咱們能夠存爲模板，你能夠試試看。