版式設計 | 學會這6個特殊視角的構圖方法，讓你的設計脫穎而出！

h 罩杯內衣
i cup內衣

網格的類型
許多設計師都會在網格系統上開始一個新的設計。不同的人有不同的習慣，有人喜歡12列的網格，有人則喜歡16列網格，還有人喜歡24列的網格等等等等。重點不在於網格一共有多少種類型，而在於你實際應用的那一個！在網頁設計中，網格系統是十分常見的，響應式網頁設計的推廣，網格的地位又得到瞭提升呢！

我個人更喜歡12列的網格。每一列的寬度取決於最終輸出的稿件應用在哪，比如打印或網頁，還有就是參考整體的寬度來進行分割。如果我設計的東西有許多許多小元素，我會切換到24列網格。區塊之間的間隔根據內容進行相應的調整。如果我創建一個瀑佈流的佈局，我可能隻會給間隔留1-2px。這個真的要隨機應變。

我喜歡12或24列的網格是因為我可以在這個基礎上衍生出很多不同的排版方案。你可以在24列中的一列裡寬度上排列內容，也可以是12列中的2列，還可以用8列分欄中的3列來擺放一個元素，甚至還可以是6列分欄中的4列等等，完全看你個人的喜好。你看，雖然網格系統是一個限定，但是應用起來也是超級靈活的，這使得你的設計可以有很高的延展性，通過匹配不同的組合，就可以做出完全不同的排版來。是時候拋棄對稱佈局瞭，感受一下下面的案例，你可以利用同一個網格系統創造出各式各樣的排版。

從上面的例子中我們可以看出，我們有著無窮盡的選擇來創造不同的排版。有些設計師害怕使用網格，他們覺得網格系統會局限住將他們的思維和畫面的結構。但是事實上呢，網格結構的選擇和組合幾乎可以說是無止盡的！那麼多種組合，等你用完那天再來說局限住你的思維瞭吧！而且網格系統的應用真的是超級廣泛！下面是一個網格系統的實例，導航橫跨瞭整個寬度，主要內容大概占用瞭60%的寬度，側邊欄占用瞭剩下的40%；在下面一個版塊中，左邊60%的寬度被三等分。可以看出內容和內容之間留足瞭空間，閱讀起來很舒服。

source:http://www.shejinet.com/news/view-1-21879.html

---

Orignal From: 版式設計 | 學會這6個特殊視角的構圖方法，讓你的設計脫穎而出！