布局網(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)格的默認顏色為淺粉色,但你可以將其更改為你想要的任何顏色。