版式设计—负空间与留白

版式设计中的负空间与留白

你知道“负空间”与“留白”这两个概念吗？它们到底是什么？有什么作用？在版式中占多大的分量？或许你觉得留白这词很常见，但是负空间却是有点陌生，其实很多版式都运用到负空间，只是将负空间与留白互换使用。如果想知道两者的联系，就好好看下面的文章。

什么叫负空间？那么，有负必有正，确实也有正空间的概念。众所周知，在设计领域空间有两种类型，分别是正空间和负空间。

正空间：包含画面里的所有元素，比如文字信息内容、导航、图标和图片等。

负空间：包含所有的空白区域（经常被翻译成白色区域），比如文字内容旁边环绕的空白部分，这部分将各种元素分开，帮助建立了网页的格局，指导用户在正空间里浏览。另外这里提到的空白部分，并非指颜色为白色部分。它可以是其他的色彩，甚至是大背景图，它主要为版面创造一种视觉空间感。

什么叫留白？简单来说，什么都不放的部分称为留白，能通过版面内容使读者感受到阅读的舒适感。留白是作为设计中一个负空间的存在符号。另一说法，除了一些典型的负空间设计之外，留白即为“负空间”。这两个词常常互换使用。它们共同所指的都是版面中出现的元素之间的一种关系。负空间是在内容外创造一个空白的环境，好让观者将注意力更加集中于内容。

在负空间里有两种类型，微型负空间和巨型负空间。

微型负空间：是小元素周围的空间，比如说段落之间的空隙，字母与单词之间的空格等； 一方面来说，当设计师们谈到小元素留白，他们通常是指的较小的元素或是较大元素中的次级元素的留白。包括： 字体、行距、段落、列表、按钮、图标等。

从上图我们可以看到，如果单从视觉看上去，我们只觉得这画面没什么特别。但是，里面的标题与段落之间的空间，段落与段落的宽度，文字与图片的距离，这些都是通过精心设计。

没错！这些微不足道的空间和距离就是所谓的微型负空间。但是里面每一个独立的模块，每一个模块都有自己的平衡，这个平衡在哪，需要你去挖掘。微型负空间太多了影响网站的阅读性，太少了显得局促。

巨型负空间：是指大型、核心元素之间的空隙，比如页眉和页尾之间。 上面提及过留白与负空间可以交换使用，严格说并不是，因为有微型负空间。如果不是典型的负空间设计，可以简单地将巨型负空间理解为留白。

在上面的这个网页中页面里有好几个元素：菜单栏按钮、下拉箭头、下拉提示等。然而，屏幕中占据主导地位的是中间的黑色文字标题，这让其他的元素都放在了周围，设计师放大了中间的留白区域，然后把最重要的信息放在这里，让用户的注意力完全集中于此。这就是巨型负空间所形成的效果。

下面的案例也如此：

负空间是版式设计中的虚空间，它与版面中的图形、文字等元素组成的实空间共同构成了版面的虚与实、黑与白、疏与密等设计语言。上面提到过，除了一些典型的负空间设计案例之外，留白即为“负空间”。那么，有哪些典型的负空间设计呢？

典型的负空间设计：

LOGO

如果在LOGO设计的过程中能够很好的利用负空间进行设计，效果肯定是令人震撼的，尤其是最终的设计作品能够迅速的将商业信息传达给受众，并且能够保持很长的一段时间在受众心中。

上图案例的商标有一个很显眼的字母“U”,将负空间于公司的业务性质结合起来。

上图案例Boss Hunting 是一个非常流行的facebook群组，分享高品质生活的图片，您将看到字母B如何纳入字母H的。

一个众所周知的负面空间的logo设计，就是NBC的logo,紫色和红色之间的空白，是一只孔雀，嘴巴就是那个缺口。孔雀的头转向右侧则显示期待未来，不回头，同样的6根羽毛也暗示着NBC的6个部门。

创意海报/图形

在海报设计过程中，利用负空间进行设计，我们可以很清晰地看出，利用图像之间的间隔空出来的负空间最为明显，也是最具体的。

非典型的负空间设计：

书籍设计

报纸设计

网页设计

负空间是一种重要的艺术设计方法，很多人也认为不必将元素填满画布的每一个角落。将负空间应用在web设计中会产生很棒的效果，因为不需要将那么多元素都呈现在界面上，人们也在逐渐适应这一点。当我们访问网站时很清楚自己需要什么。

TIP贴士：

1：如果对负空间的概念还是很模糊，可以直接理解为留白，除了一些典型的负空间设计之外。

2：微型负空间可以理解为达到某种舒适感，巨型负空间可以理解为达到某种空间感。

3：负空间与留白的原则都是一样，它们能通过版面内容使读者感受到阅读的舒适感，让信息内容一目了然。