当我们刚开始担任设计师时，间距通常是设计过程中最容易被忽视的方面。接下来对间距问题说明几点：

1.坚持4的倍数

在 UI 中分隔各种对象时，将它们间隔为 4 的倍数。因为它很容易记住，所以减少了需要做出的选择的数量，并且每次大小的跳跃都有视觉上明显的差异。

从使用 4 开始，4 看起来是不是太接近了？提高到 8，还是太接近了？将其提高到 12，依此类推。

2. 使距离相同或更多

考虑到格式塔原则，这应该是显而易见的，即：相关对象应该彼此更接近。

3.视觉对准有时比几何对准好

所有设计软件都非常擅长几何对齐对象。但在某些情况下，几何对齐会导致光学不平衡，人眼会立即发现。在这些情况下，观察它并调整对象之间的间距。这种不平衡在视觉重量分布不均匀的形状中更常见，例如多边形、星形和其他不规则形状。

4.定义难处理组件的目标区域

目标区域是界面上可点击或可触摸的区域。它指的是响应用户输入的 UI 元素区域，例如图标、按钮或链接。材料设计指南建议移动设备上的最小目标区域为 48x48，以获得舒适的触摸体验。在桌面上，这可以做得更小，例如 40x40。

如果觉得本文对你有所帮助，别忘了点赞哦。