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

布局網(wǎng)格僅可用于框架,如果無(wú)法在畫(huà)布右側的“屬性”面板中找到 Layout Grid,則可能是沒(méi)有選擇框架。


添加布局網(wǎng)格 

要將布局網(wǎng)格添加到框架:

選擇框架

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

默認布局網(wǎng)格 

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



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

均勻網(wǎng)格是靜態(tài)的并且是像素固定的。你可以調整框架的大小,但除非你進(jìn)行更改,否則網(wǎng)格大小是一直固定的。


添加列和行 

你可以為框架添加多個(gè)網(wǎng)格。列,行或兩者都有!

單擊 + 添加布局網(wǎng)格后,在屬性面板中選擇網(wǎng)格以打開(kāi)設置窗口



你可以在此處自定義網(wǎng)格:

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

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

非彈性網(wǎng)格允許你選擇網(wǎng)格列/行的寬度/高度。

更改網(wǎng)格的顏色和不透明度

查看和隱藏布局網(wǎng)格 

選擇框架

單擊屬性面板中網(wǎng)格設置旁邊的“眼睛”



要切換整個(gè)文檔中所有網(wǎng)格的可見(jiàn)性,請使用 Control + G 鍵盤(pán)快捷鍵,或從工具欄右上角的視圖置菜單中選擇 Layout Grids。



復制和粘貼布局網(wǎng)格 

精調一個(gè)布局網(wǎng)格可能需要花一些功夫。 你可以復制和粘貼它們,也可以把布局網(wǎng)格添加到樣式來(lái)進(jìn)行復用

選擇框架

單擊已添加的布局網(wǎng)格

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

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

更改布局網(wǎng)格的顏色 

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