構成網格的關鍵要素：版心、頁邊距、欄和欄間距
頁邊距與版心
頁邊距是指版面上下左右留“白”的范圍。
版心是指頁邊距所包裹的區域。目的是為了使內容看上去處于安全范圍內，也符合人的視覺習慣
注：所有元素都應該在版心內編排，但并不是絕對不能超出版心，在已有規則下，我們可以將部分重要性低的元素放置到版心之外，從而為畫面帶來動感與張力
欄和欄間距：
“欄”就是放置文字或圖片模塊的范圍，“欄間距”就是欄與欄之間的距離。
在建立好“欄”的標準范圍之后，主觀將元素和內容進行占比分配，根據實際需要跨欄應用，讓排版更具靈活性。
在PS中繪制
在PS默認的單位為“像素”，而我們做的海報、畫冊等印刷品使用的單位為“毫米”。所以要先執行【編輯】—【首選項】—【單位與標尺】，把“標尺”單位改為“毫米”。
再執行【視圖】—【新建參考線版面】”，分別設置列、行數、裝訂線（欄間距）、邊距。如本次我們要設置的是5X8，欄間距為5毫米、邊距為10毫米的網格：
新建好的網格如下：（快捷鍵Ctrl+；可以顯示或隱藏網格）
在AI中繪制
在AI中沒有繪制參考線的命令，可以先使用“矩形工具”，繪制矩形邊框作為版心。
打開【對象】-【路徑】-【分割為網格】。點擊“預覽”，行的數量選擇8，欄的數量選擇5，間距選擇5，點擊確定后按“ctrl+5”,轉成參考線。
新建好的網格如下：（快捷鍵Ctrl+；可以顯示或隱藏網格）
在ID中繪制
ID為專業的圖文排版軟件，在進行書籍畫冊排版時，一般只設置豎向的分欄。在新建文件時，選擇“邊距和分欄”。
在對話框中分別設置邊距、欄間距和欄數即可：
然后執行【版面】—【創建參考線】，
分別設置行數、欄數、欄間距：
設置好的網格如下：（按W鍵可以隱藏或顯示網格）
設計時設置網格是為了幫助你讓頁面中元素布局更加規范且統一，易于用戶理解，靈活運用網格不僅不會限制編排形式，還會使版面變得更加清晰、生動、統一、有條理。
原文地址：藝海拾貝Design（公眾號）
作者：鄧海貝
轉載請注明：學UI網》如何在PS、AI、ID中快速繪制“網格”
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.dzxscac.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務