PhotoShop<br>新增【網格】參考線方法

PhotoShop<br>新增【網格】參考線方法

前端框架工具,例如:Bootstrap則是將畫面分割成12等份,Yahoo! Pure則是將畫可分割為24等份,同時也可針對RWD框架,每個分欄間距作設定,因此PhotoShop新增這功能,在設計RWD自適應的版面就更方便

S1:利用1200px網格系統求得各欄位單位

S2:開新檔案

S3:顯示【尺規】,並將尺規單位改為【像素】

 

S4:【檢視】>【新增參考線配置】

S6:網格大小,依S1步驟求得值填入

注意事項:

(1) 建議參考線置中於畫布內,故勾選【邊界】或【居中線】其中一項即可。

(2) 設定時,不可打px需用中文像素