網格的劃分并沒有固定的規則，有些人習慣前期繪制草圖，也有一些人習慣事先確定好網格架構，并在已有架構下編排內容。當然也可以事先將內容大致編排完之后在根據版面結構套用網格規范。
這里我們會分別從（先構建網格，再編排內容） 和（先編排內容，再構架網格）的這兩種方式進行模擬案例演示。
首先，根據項目的氣質調性以及內容的多少來決定版心的留白大小，版心面積小會給人雅致、寧靜的感覺;版心的面積大，會給人熱鬧、豐富的印象。這里選用不等寬的邊距來布局版心的位置。設定好版心的大小后，我們可以通過倍數關系規范版面。 （ 這里的最小單位可以是mm也可以是pt ）
劃分好版心后，接下來需要決定項目適合的網格類型，這里為了讓版面的變化性更強，選用模塊式的網格結構，這種網格結構可以同時規范橫向與縱向的頁面比例，為版面的編排提供依據和統一感。
網格畢竟是用來服務內容的，將設定好的正文字號以段落的形式置入版心內，將兩者匹配和對齊并設置欄間距（這里有些人會根據網格高度微調文字的行距；也有一些人會根據行距微調網格）最終目的都是讓文字的頂端與網格頂端對齊，文字的低端與網格的底端對齊。
這里的關鍵在于文字與網格需要統一度量單位。經過適配后，無論文本的欄高如何變化位置，同一模塊內的文字頂端與底端始終會處于對齊狀態。保證了版面中元素的交叉對齊。（對于少量文字元素的版面設計來說，并不需要規范的過于細致；而對于書籍、雜志和報紙等涉及大量文字的設計，對齊文字基線是非常有必要的一個步驟。）
網格結構規劃好后，就可以編排版面內容了，版心內的各個要素只要與網格結構相互對齊布置，就會與頁面和整體保持一個穩定的比例關系。但網格也并不是排版中的萬能藥，具體的編排形式還是要靠審美來決定的。這里需要注意，并不是所有的格子都必須填滿的，完整的留白同樣是設計元素之一。
內容編排好后，我們可以添加頁碼、欄題等元素以點綴的形式添加到版心之外，這個畫面就完成了。
接下來我們嘗試少量文字信息的編排，這里版心設置成較大的尺寸，并統一了天頭、地腳和外頁邊距的大小，內頁邊距會因裝訂而變窄，為了在視覺上與四周邊距保持一致，分別加寬了1.5倍的距離。對于書籍與雜志等多頁面的版面來說，整本書籍的版心都應該統一尺寸。
因為涉及到元素在頁面中高度的確定，這里同樣使用模塊網格作為基本架構，并根據字號確定欄間距。
我們將主體圖像置入版面的右側并超出版心范圍。注意人物的造型與網格是如何對齊的，為了平衡版面我們在左側添加文字信息，人物的朝向為版面提供了視線引導，我們將主標題文字與人物的視平線對齊。
接下來，我們將優先級不是特別高的文字信息以點綴的形式依次編排到畫面中，版面就編排完成了。
接下來，我們將優先級不是特別高的文字信息以點綴的形式依次編排到畫面中，版面就編排完成了。
zoom air是NIKE公司研究發明的一種超薄、超輕的氣墊技術，這里選用輕字重的無襯線字體來烘托畫面氛圍，通過將兩個O重疊處理來為主標題添加記憶點，同時也解決了輕字重下負空間過大的問題，AIR字距拉長成為裝飾性的點元素，并在空白處添加中文廣告語，以此為主標題添加二級文字信息。
將做好的主標題置入版面中，添加鞋子與主標題成組。版面中主體元素構圖呈十字形，圖像與文字通過疊壓的方式為畫面添加層次感，也就是“圖疊字”的處理形式。
為了提升畫面效果，刻畫背景的光影以增加空間感，為鞋子與文字添加投影與細節處理。同時這里為主標題添加了干擾效果，其實步驟非常簡單，復制一層文字并在圖層樣式的混合選項中，關掉通道的RGB的其中一項，（或者直接填色）再將處理好的文字作錯位處理，就能夠得到這種效果了。
刻畫好主體元素后，我們將文字信息按照大中小的層級關系依次添加到版面中來，大致確定好位置關系后，為版面規劃合適的網格系統。版面中元素所占面積，位置的高度寬度都需要確定，經過分析，選用模塊式網格作為規范畫面的依據。
這里為版面劃分縱向5欄，橫向8欄的模塊式網格系統，以規范版面中元素的比例與位置關系。天頭、地腳和左右頁邊距均相等。頁邊距是欄間距的1.5倍，欄間距高度與副標題的高度相等。主標題文字在版面中處于黃金比分割位置。
網格系統為設計者提供了畫冊版面雜志版面骨架，使得編排過程變得更加簡單。為版面中元素添加了連貫性和精確度。是提供秩序性的工具，但并不是說學會了網格系統就可以編排出優秀的設計作品了，審美始終是設計中的重要環節。本期我們學習了版心的概念，欄的概念，以及網格的分類形式。希望我們的內容能夠對你有所幫助。
另外需要提醒注意的是，本期的內容及案例，可能更偏向于雜志及書籍排版，但在畫冊設計領域，網格使用要更加靈活，學習者，可以多看多練，加以靈活運用。
平面設計教程分享：尚略廣告，上海平面設計公司，上海品牌設計公司，上海畫冊設計公司。
相關推薦：
學習使用網格系統來設計作品
什么是Logo網格，為什么我們要使用它？