留白对于优秀的网站设计如此重要

人们很容易认为网站上的每一寸空间都是宝贵的不动产。而且，当你有这种感觉时，你可能会想要在每一页上塞满尽可能多的信息。但是，空白可以与页面上的文本一样有价值。 

空白，有时也称为负空间，是指与文本、图像、标题和其他网站元素接壤的空白区域。显然浪费的空间对于良好的网站设计至关重要。那么，为什么网站画布的空白部分如此重要？以下是正确使用空格可以显著改善网站的方式。

提高可读性

太少的空白会使文本看起来密集且难以阅读。因此，最好将文本分成由空格分隔的更易读的部分。这种分离可以通过段落之间的空间、带有副标题的单独部分和项目符号列表来实现。还建议选择字母之间有一些空格的字体。

创造平衡

一个设计良好的网站将在视觉上吸引人。因此，页面上的元素应该彼此成比例。例如，假设您在页面上有一排标注框。在这种情况下，如果该行中的所有框的大小相同，它看起来会更整洁。

但是，并不总是可以使元素具有相同的大小。例如，上述方框下的描述长度可能会有所不同。但是您可以使用空格来分隔该行框，以确保以下内容开始水平对齐。因此，空白对于在网站上创建平衡至关重要。

建立内容流

空白还可用于将读者引导至下一段相关内容。它是将相关内容组合在一起的空白。例如，段落之间的空格告诉读者先读这个，然后再读那个。由空格分隔的段落组表示相关内容的部分。

没有用空格分隔的内容变成了难以阅读的文字墙。而且，如果内容看起来很难理解，很多人甚至不会尝试阅读这些文字。

架构元素

当您看挂在墙上的图片时，通常首先吸引您注意的是架构。事实上，正是这个框架表明在边界内有一些值得一看的东西。在网站上用空白框住一个元素也有同样的效果。

空白框还可以将对象彼此分开。假设您要将图像添加到没有空白边框的文本块中。在这种情况下，单词的最后一个字母将被挤在图像旁边，图像就不会突出。因此，文本将难以阅读。没有边框的图像也会使网站看起来不整洁和不专业。

允许略读

大多数网站访问者很少阅读整个页面的内容。相反，人们倾向于浏览内容，寻找他们需要的东西。而且，如果他们找不到他们正在寻找的信息，他们将退出该站点并寻找替代方案。

使用空格来分解内容使略读成为可能。当然，标题和副标题在这方面也有帮助。空白还可以让人们更好地理解文本。研究表明，在段落之间和边界周围使用空白可以提高20%的理解力。

防止信息过载

一个人一次只能接收这么多信息。例如，假设有人要讲出 20 个事实，语速很快，没有停顿。在这种情况下，您可能会接受其中的一些事实。然而，如果那个人慢慢地说话并在要点之间停顿一下，你可能会保留更多的信息。

网站内容也是如此。你必须让读者有时间停下来吸收他们读过的东西。正是段落和其他网站元素之间的空白产生了所需的停顿。

定义品牌基调

当然，有不同程度的空白。较大的空白区域通常称为宏空白，较小的空白称为微空白。这些不同大小的空间可以用来帮助定义一个品牌的基调。

新闻网站通常在文章之间使用微空白。使用小空间是有道理的，因为新闻网站的主要目标是传播信息。因此，这是一种相对密集的内容是合适的情况。

但是，如果您要访问设计师品牌网站，您会看到不同的东西。高价值的独家品牌倾向于用宏观空白来分解内容。在这种情况下，空间用于突出产品的独特性和排他性。

宏空白也可用于推断简单性或清晰性。没有比 百度 搜索页面更好的带有大量空白的简单网站示例。

吸引注意力

大多数网站的某些方面都需要引起用户的注意。这些关键要素中最常见的是移动呼吁用语 (CTA)。例如，假设您要将CTA 隐藏在杂乱无章的文本和图像页面中。在这种情况下，用户很可能永远看不到CTA。然而，用空格围绕号召性用语会立即引起人们的注意。

您可能还想使用空格来突出关键信息。例如，如果产品以项目符号格式列出并被负空间包围，则产品的优势会更加突出。如果在空白边框内以较大的字体突出显示，推荐也会更加突出。

结论

您可以通过说空格改善用户体验来总结上述所有要点。空白或负空间使文本更易于阅读并在网站上建立流畅和平衡。空白将人们的注意力吸引到诸如移动呼吁用语等关键元素上。因此，空白绝不是浪费空间。