布局網格(Layout Grid) 是幫助你在框架中保持對象對齊的可視化輔助工具。

布局網格僅可用于框架,如果無法在畫布右側的“屬性”面板中找到 Layout Grid,則可能是沒有選擇框架。


添加布局網格 

要將布局網格添加到框架:

選擇框架

單擊屬性面板中 Layout Grid 右側的 + 按鈕

默認布局網格 

默認情況下,添加到框架的網格將是 10*10px,你可以在布局網格設置窗口中更改大小。



網格的使用允許你進行各種布局(照片庫,圖標,雜志排版等)。

均勻網格是靜態的并且是像素固定的。你可以調整框架的大小,但除非你進行更改,否則網格大小是一直固定的。


添加列和行 

你可以為框架添加多個網格。列,行或兩者都有!

單擊 + 添加布局網格后,在屬性面板中選擇網格以打開設置窗口



你可以在此處自定義網格:

選擇 Rows  Columns 可將網格方向從水平更改為垂直。默認值為 5

默認情況下,網格會撐滿整個框架。要更改布局方式,將 Type 更改為“Left”或“Center”(水平網格的“Top”或“Center”)

非彈性網格允許你選擇網格列/行的寬度/高度。

更改網格的顏色和不透明度

查看和隱藏布局網格 

選擇框架

單擊屬性面板中網格設置旁邊的“眼睛”



要切換整個文檔中所有網格的可見性,請使用 Control + G 鍵盤快捷鍵,或從工具欄右上角的視圖置菜單中選擇 Layout Grids



復制和粘貼布局網格 

精調一個布局網格可能需要花一些功夫。 你可以復制和粘貼它們,也可以把布局網格添加到樣式來進行復用

選擇框架

單擊已添加的布局網格

當選擇為藍色時,使用系統的復制快捷鍵復制(使用 shift + select 選擇多個圖層)

將所選內容粘貼到新框架上

更改布局網格的顏色 

布局網格的默認顏色為淺粉色,但你可以將其更改為你想要的任何顏色。