UI的版式设计

  遵循间距惯例为我们的设计带来统一性，并确保我们在与其他设计师合作的同时创建一致的设计。

  有两种方法是DES一世gners经常依靠在页面上准确地空间的元素。最常见的间距系统是硬网格(也称为基准网格)或软网格。

  硬网格将内容与固定的垂直网格对齐，软网格定义页面上项目之间的空间。

  为什么要使用硬网格?使用硬网格(8像素或4像素)的论点是，通过使用透明的背景框，然后将它们与前景元素分组;在每个元素的基础上更容易跟踪边距和填充。然后，我们可以像拼图一样将这些容器捕捉到网格中。

  为什么要使用软网格?使用“软网格”的理由是，在开发接口时，编程语言不会使用这种网格结构，因此网格是无关紧要的。软网格对设计者的约束也较少，所需的乏味也更少。

  我更喜欢使用软网格，因为我可以调整间距以适合内容，而不是调整内容以适合间距准则。这也是一个更快的设计过程，并调用*更少*的完美主义倾向。

  为什么设计间距以8为增量?无论是软网格还是硬网格，设计师都必须使用4像素或8像素来分隔元素。

  我们使用魔术数字8，因为它可以正确呈现奇数。与5相对，例如，在分辨率为1.5倍的设备上，奇数将无法正确呈现。

  此外，绝大多数现代屏幕尺寸都可以被8整除，从而可以轻松地在这些设备上适当地调整我们的设计。