跳至主要内容
03.18 ㅣ 新增對齊與間距測量

新增對齊與間距測量

為了讓您在編輯器中更精準地配置與操作元素,改善了 輔助線、大小調整、旋轉、對齊功能。

快速瀏覽

新增1

以數字確認元素間距過去必須以目測來對齊元素之間的間距,現在只要一個快速鍵就能確認精確的間距。
參考指南對齊與排版

過去必須以目測來對齊元素之間的間距,現在只要一個快速鍵就能確認精確的間距。

在選取元素的狀態下按下 Alt 鍵(Mac:Option 鍵),即會以 px 為單位顯示與周圍元素的間距。

  • 垂直間距顯示於 右側,水平間距顯示於 上方。

改善2

調整大小時顯示數值過去以拖曳調整元素大小時,必須另外確認變更了多少,現在拖曳的過程中,變更的數值會以即時工具提示直接顯示。
參考指南對齊與排版

過去以拖曳調整元素大小時,必須另外確認變更了多少,現在拖曳的過程中,變更的數值會以即時工具提示直接顯示。

  • 拖曳 角落控制點 → 維持比例調整大小
  • 拖曳 外框控制點 → 只朝單一方向調整大小(不維持比例)
  • 選取多個元素時,動作也相同。
旋轉時顯示角度過去旋轉元素時很難得知旋轉了幾度,現在拖曳的過程中,目前的角度(例如:90°)會即時顯示。
參考指南對齊與排版

過去旋轉元素時很難得知旋轉了幾度,現在拖曳的過程中,目前的角度(例如:90°)會即時顯示。

  • 將滑鼠移到角落控制點外側,就會出現旋轉游標。
  • 選取多個元素時,會以群組中心為基準一起旋轉。

新增1

頁面·群組對齊過去必須逐一手動對齊多個元素的位置,現在可透過對齊與間距分配功能一次整理完成。
參考指南對齊與排版

過去必須逐一手動對齊多個元素的位置,現在可透過對齊與間距分配功能一次整理完成。

以頁面為基準的對齊​

選取元素後右鍵 > 頁面對齊,即可以頁面為基準對齊位置。

  • 水平:靠左 / 置中 / 靠右
  • 垂直:頂端 / 中間 / 底端
元素對齊​

選取多個圖層後,可在更多(···)> 元素對齊 中對齊圖層的位置。

  • 靠左:以最左側的圖層為基準對齊
  • 置中:以所有圖層的平均位置置中對齊
  • 靠右:以最右側的圖層為基準對齊
  • 頂端:以最上方的圖層為基準對齊
  • 中間:以所有圖層的平均位置置中對齊
  • 底端:以最下方的圖層為基準對齊
元素間距​

選取多個圖層後,可在更多(···)> 元素間距 中調整圖層之間的留白。

  • 垂直間距分配:將圖層之間的垂直留白均勻對齊。
  • 水平間距分配:將圖層之間的水平留白均勻對齊。
  • 自訂間距:可直接輸入想要的數值(px),或以 +/- 按鈕每次調整 1px。
資訊

若各圖層之間的間距不一致,會顯示為 Mixed。在此狀態下按 +/-,會先統一為平均值後再進行調整。

謝謝。\