03.18 ㅣ 新增對齊與間距測量
新增對齊與間距測量
為了讓您在編輯器中更精準地配置與操作元素,改善了 輔助線、大小調整、旋轉、對齊功能。
快速瀏覽
新增1
以數字確認元素間距過去必須以目測來對齊元素之間的間距,現在只要一個快速鍵就能確認精確的間距。
參考指南對齊與排版
過去必須以目測來對齊元素之間的間距,現在只要一個快速鍵就能確認精確的間距。
在選取元素的狀態下按下 Alt 鍵(Mac:Option 鍵),即會以 px 為單位顯示與周圍元素的間距。
- 垂直間距顯示於 右側,水平間距顯示於 上方。

改善2
調整大小時顯示數值過去以拖曳調整元素大小時,必須另外確認變更了多少,現在拖曳的過程中,變更的數值會以即時工具提示直接顯示。
參考指南對齊與排版
過去以拖曳調整元素大小時,必須另外確認變更了多少,現在拖曳的過程中,變更的數值會以即時工具提示直接顯示。
- 拖曳 角落控制點 → 維持比例調整大小
- 拖曳 外框控制點 → 只朝單一方向調整大小(不維持比例)
- 選取多個元素時,動作也相同。

旋轉時顯示角度過去旋轉元素時很難得知旋轉了幾度,現在拖曳的過程中,目前的角度(例如:90°)會即時顯示。
參考指南對齊與排版
過去旋轉元素時很難得知旋轉了幾度,現在拖曳的過程中,目前的角度(例如:90°)會即時顯示。
- 將滑鼠移到角落控制點外側,就會出現旋轉游標。
- 選取多個元素時,會以群組中心為基準一起旋轉。

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


過去必須逐一手動對齊多個元素的位置,現在可透過對齊與間距分配功能一次整理完成。
以頁面為基準的對齊
選取元素後右鍵 > 頁面對齊,即可以頁面為基準對齊位置。
- 水平:靠左 / 置中 / 靠右
- 垂直:頂端 / 中間 / 底端

元素對齊
選取多個圖層後,可在更多(···)> 元素對齊 中對齊圖層的位置。
- 靠左:以最左側的圖層為基準對齊
- 置中:以所有圖層的平均位置置中對齊
- 靠右:以最右側的圖層為基準對齊
- 頂端:以最上方的圖層為基準對齊
- 中間:以所有圖層的平均位置置中對齊
- 底端:以最下方的圖層為基準對齊

元素間距
選取多個圖層後,可在更多(···)> 元素間距 中調整圖層之間的留白。
- 垂直間距分配:將圖層之間的垂直留白均勻對齊。
- 水平間距分配:將圖層之間的水平留白均勻對齊。
- 自訂間距:可直接輸入想要的數值(px),或以 +/- 按鈕每次調整 1px。

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