網格在有規(guī)律的設計布局中是設計的一個基本原則，網格的應用能夠讓你的設計更有秩序、更有規(guī)律。簡單的說，網格的使用就是用更科學的方法去排版。

網格設計是一種有效、有規(guī)律的布局方式，被廣泛應用于雜志、畫冊、門戶網站、UI設計等平面設計領域。通過將頁面劃分為無數(shù)統(tǒng)一尺寸的網格，可以讓設計更有秩序、更有規(guī)律，從而用更科學的方法去排版。

在網格中，列是垂直部分，也可以理解為內容區(qū)域；行是水平部分，在網頁設計中通常被省略。具有行和列的網格稱為模塊化網格，移動端行間距用的比較少可以忽略，一般在UI設計師中就是橫向的間距。內容模塊填充設計內容，由行和列交叉創(chuàng)建的空間單位；組合區(qū)域是形成組合元素的列、行或模塊的分組。水槽列和行由水槽分隔，溝渠越緊則視覺張力越大。

定制一個科學標準的網格系統(tǒng)和骨架需要三個步驟：第一步是定最小設計單位；第二步是定邊距和水槽大小；第三步是定橫向間距。最小單位根據產品復雜程度而定，目前整體設計區(qū)域最小單位越來越大。邊距和水槽大小需要保證單位是最小單位的倍數(shù)，并且保持留白不放置內容。橫向間距可以運用費波那契數(shù)列來確定。

總之，在進行網格設計時需要保證每個設計元素都在框架內，并且遵循規(guī)則：邊距不要出現(xiàn)內容，水槽不要放置內容。這樣才能保證骨架的科學性和設計連續(xù)性。

國外已經有很多運用案例了，并且還有很多工具可以幫助我們進行網格制作，比如PS推薦輔助線工具guideguide以及Sketch推薦插件craft等。

掌握好移動端6列網格布局以及以上提到的基本原則與方法后，在實際項目中進行網格布局會事半功倍。