空白（或“负空间”）是页面对象之间和周围的空白空间。

图形用户界面中的空白元素是：

1.边距、填充和排水沟

2.图像和图形对象周围的空间

3.文本内容中的行间距和字母间距

尽管有些人可能认为空白是宝贵的屏幕空间的浪费，但它是设计中的一个基本元素。事实上，空格和内容一样重要。正如 Jan Tschichold 所说：空白应被视为主动元素，而不是被动背景。

所有好的用户界面都将适当的空白值从上到下整合到页面元素中。页面上的空白与 UI 元素占据的空间一样重要，因为文本、按钮、徽标和其他对象需要空间来呼吸。

在本文中，将介绍如何在您的设计中使用空白以赋予其干净、整洁的感觉：

1. 提高文本可读性

Whitespace 能够减少访问者一次看到的文本数量，从而使阅读变得更加容易。缺少空白（杂乱的页面）不会让用户想要阅读内容。另一方面，正如 Dmitry Fadeyev 指出的那样，正确使用空格已被证明可以将文本理解提高 20%。

优化文本内容时要记住的两个重要事项是段落边距和行距（文本中每行之间的间距）。后者可以大大提高文本正文的易读性。通常，间距越大，用户在阅读时的体验越好（尽管行间距太大可能会导致连贯性断开）。

2. 澄清关系

整个布局源于其各部分的总和，内容关系由周围的空白定义。接近定律指出，彼此靠近的物体看起来相似。在这种情况下，空格充当视觉提示。对于用户界面，这意味着靠近的对象将显示为一个“单元”。例如，在 Web 表单的上下文中，将标签放置在相关字段附近以创建对象是一个好主意。当标签放置在更靠近字段的位置时，这使得它们之间的关系对用户来说更加清晰。当标签放置在更靠近它们相关领域的位置时，信息传达得更加清晰。

3. 吸引注意力

设计师可以使用空格一目了然地传达最重要的内容。距离和注意力之间有关系；更大的距离吸引注意力。缺少其他元素只会让现有元素更加突出。围绕特定内容段的额外填充会迫使用户将注意力集中在该区域上，因为屏幕上没有其他东西可以吸引注意力。因此，对象周围的空白越多，眼睛就越容易被它吸引。

4. 创建视觉层次结构

当空白使用得当，它允许页面创建一个通用的流程和平衡，这反过来有助于传达设计的意图。空白可以支持整体层次结构。它产生对称或不对称。当访问者扫描主页时，“免费注册”按钮几乎立即引起了他们的注意。使用对称性可以创建具有同等重要的左右部分的平衡布局。

当不对称引起注意时：不对称非常适合将注意力集中到页面的特定区域。当一个元素使用不对称空间时，它会在周围的其他元素中脱颖而出。

结论

空白不是浪费的空间，它是一种强大的设计工具。它可以与图像、文本或其他用户界面对象所占据的空间一样重要，因为即使是空白空间也能起到作用并支持布局的视觉完整性。尽管看起来很简单，但空白可能很难掌握，因为空白的应用既是艺术又是科学。真正了解应该使用多少空白来创建良好的布局需要练习。