网页设计中负空间的有效使用

日期：2019-05-08 人气：1054883

导读：很多设计师都犯了一个大错误，他们创建了过于复杂、繁忙和丰富多彩的网页。如果不是有意的，你应避免创建复杂的接口，并使用更多的空间。空间是网页设计的一个基本方法，因为它可以给网页上的所有元素带来很大的差异。在这篇文章中，我们阐明了负空间的重要性，并分享了如何在网页设计中正确使用负空间的技巧。什么是负空间？在我们开始之前，让我们先定义什么是负空间。负空间，或空白区域，

很多设计师都犯了一个大错误，他们创建了过于复杂、繁忙和丰富多彩的网页。如果不是有意的，你应避免创建复杂的接口，并使用更多的空间。空间是网页设计的一个基本方法，因为它可以给网页上的所有元素带来很大的差异。在这篇文章中，我们阐明了负空间的重要性，并分享了如何在网页设计中正确使用负空间的技巧。

什么是负空间？

在我们开始之前，让我们先定义什么是负空间。负空间，或空白区域，是指网页上未使用的空间。任何在页面上没有引起用户注意的东西都是负空间。这并不意味着空间必须是白色的：它可以是任何颜色、图像或任何其他背景。

“空白应被视为一个活跃的元素，而不是被动的背景。”-- Jan Tschichold

负空间有两个层次：微观和宏观。微观负空间与线条、词语、字母等小元素之间的空间有关，而宏观负空间则是较大块或元素之间的空间。这两个层次对于网页设计的整体有效性都很重要。

让我们来看看下面的网页设计，它很好地利用了负空间。

苹果

苹果一直非常关注设计，他们自己的网站也不例外。看看他们如何巧妙地使用微观和宏观负空间，其网站布局清晰，拥有一个极为明确的行动号召(CTA)。

你的注意力通常集中在核心功能，即产品本身，没有什么可以分散你在这一页上的注意力。在页面中央查看单个对象是吸引用户注意力的完美方式。

谷歌

谷歌可能是网页负面空间的鼻祖。这家搜索巨头使用了大量的负空间和干净的设计来吸引我们对搜索栏本身的注意。

谷歌只是引导用户进入页面中最可操作的领域，即Gmail、图片和搜索栏。为了避免混淆，设计保持清晰和简单。