當我們剛開始擔任設計師時，間距通常是設計過程中最容易被忽視的方面。接下來對間距問題說明幾點：

1.堅持4的倍數(shù)

在 UI 中分隔各種對象時，將它們間隔為 4 的倍數(shù)。因為它很容易記住，所以減少了需要做出的選擇的數(shù)量，并且每次大小的跳躍都有視覺上明顯的差異。

從使用 4 開始，4 看起來是不是太接近了？提高到 8，還是太接近了？將其提高到 12，依此類推。

2. 使距離相同或更多

考慮到格式塔原則，這應該是顯而易見的，即：相關對象應該彼此更接近。

3.視覺對準有時比幾何對準好

所有設計軟件都非常擅長幾何對齊對象。但在某些情況下，幾何對齊會導致光學不平衡，人眼會立即發(fā)現(xiàn)。在這些情況下，觀察它并調整對象之間的間距。這種不平衡在視覺重量分布不均勻的形狀中更常見，例如多邊形、星形和其他不規(guī)則形狀。

4.定義難處理組件的目標區(qū)域

目標區(qū)域是界面上可點擊或可觸摸的區(qū)域。它指的是響應用戶輸入的 UI 元素區(qū)域，例如圖標、按鈕或鏈接。材料設計指南建議移動設備上的最小目標區(qū)域為 48x48，以獲得舒適的觸摸體驗。在桌面上，這可以做得更小，例如 40x40。

如果覺得本文對你有所幫助，別忘了點贊哦。