UI设计中的八个应用技巧

  以下两种方法之一可以测量相邻文本元素之间的空间。这种方法是大多数UI渲染引擎(如网页上的文档对象模型)在相邻的“边界框”之间测量空间的方法。然而，这种方法并不是特别准确，因为每个边界框的顶部和底部都有多余的空间“未计算”。测量相邻“边界”和相邻“字母高度”之间的空间，这种方法更准确，但操作可能更复杂。，测量相邻“字母高度”之间的空间。这两种方法都是合理的，但有不同的选择。在设计和实现中使用相同的空间测量方法是很重要的。这是为了确保设计能够准确地转换为代码。

  5.避免在视觉上使用过于相似的间距值

  当间距值在数字上不同，但在视觉上过于相似时，用户对UI中逻辑分组的感知可能会变得模糊。比较很重要。如果你的意图是让两个间距值不同，很容易看出它们实际上是不同的。

  每一个操作，距离上下内容的空间过于相似，不清楚每一个动作行应该与哪个视频相关。在每个操作下都有足够的空间来澄清每个视频及其相关动作之间的关系。考虑到在你的间距系统中，有一个更宽的数值“分布”，相邻间距之间有明显的视觉差异。这是一个非线性间距系统，从一个间距值到下一个间距值的增量越来越大。