【网页设计那些事儿之留白的艺术】负空间

网页设计那些事儿之留白的艺术

所谓留白，有时也称作负空间，两者是同一个概念。尽管这个术语尤其指留“白”，但它所指的区域并不一定要是白色的。它只是网页布局中环绕各元素的空白空间。

这样的空间体现为多种不同形式，例如图片、图表、缝隙、外边距、列甚至一行行文字之间的空间。尽管它似乎“空无一物”，里面没有任何其他设计元素占据一席之地，但我们不应该如此看待它。视之为“无物”，也许打造美感与表现力的机会就流失了。

处理得当的话，留白确实可以为网页设计带来大量的益处。不应减少网页设计中的留白，相反，应该增加网页中的负空间。一些知名的大众品牌已经在朝这个方向前进，更多的设计师们也在追随他们的脚步。

为何要重视留白？

如果你在浏览网站，当布局太糟糕时，你会很费力的才能确定信息内容；太紧密的字间距、段间距，没有明显的区分隔断（或者说没有足够的留白空间），那么这个网站的用户体验肯定是很差的。

如果你的网站也这么”紧密”，没有足够的”留白”，那么用户会对网站丧失耐心；尽管做一个优秀的网站需要天赋、时间以及知识，但不要忘了，用户是很挑剔的，网站做的好，一般不会表扬你，网站一旦有问题，立马就指责你。我们应该视留白为布局的最重要手段，多给元素点呼吸空间，这样信息的层次感将更加明确，用户指引效果也更好。

留白提升搜索流畅度

两大搜索引擎Google和Yahoo Search诠释了留白简洁有效，这个简单的例子再适合不过了。

Google准确地理解了一点，正在搜索某个话题的用户，不想被嘈杂的背景和广告分散注意力。因此，留白支配了整个Google搜索引擎页面，实际搜索框只占据页面中央窄窄一丝空间。类似的，Yahoo搜索也体现了使用留白的妙处。虽然这个页面顶部有长长一条菜单栏，理念还是相同的：大量的留白，使用户专注于搜索，别无他物。

可读性和易读性得到应有的大幅提升

用好留白，任何网站的可读性与易读性都会得到改善。如果一个页面上的文字过于拥挤，它就会妨碍舒适的阅读体验，从而阻碍整体用户体验。更多的留白使文字更易浏览，从而提升阅读体验，也更易理解

标题的字间距、文字段落和菜单栏间距，有利于确保可读性和易读性。留白也可以用于不同内容区块之间，不只是为了提升阅读体验，也为了将内容分隔成不同部分，使得信息的吸收更加专注。

它让颜色更鲜明

也许留白最直接，尽管也是最简单的益处，就是突出网页中的其他色彩，使它们更加鲜艳。这点对于吸引访客目光大有帮助，因为颜色深浅、饱和度甚至浓度都更加突出。

像绿色、橙色和红色这种简单的颜色，能够创造出令人愉快同时吸引注意的外观。上面提到两个网站，都采用了极简的用色方案，因为有如此大面积的留白。因此，用色非常机智得当，使用户赞赏有加。

留白不是浪费空间

网页设计师们越来越多抛弃之前的误解——认为设计页面时应该尽可能在屏幕内填塞每个元素、每种颜色。正如上面例子解释过的，留白被用于突出品牌内容、提升可读性与易读性、突显极简色彩时，展现出了强大的影响力。

如何在设计中使用留白？

使用KISS原则，即Keep It Simple, Stupid。保持一切简洁，是设计亘古不变的道理，没有必要完全填满。某些情况下，”不完整才是完整，残缺才是完美。”设计师的任务就是利用（布局，留白，色彩，尺寸，字体）来营造一个视觉焦点，吸引用户的注意力。设计做的简洁一点，不但设计师轻松，开发者也轻松，当然，用户浏览起来也轻松。去除不必要、不重要的元素，只保留必要元素。而且不要为了留白而一味留白，要注意设计元素之间的联系性。如果留白用的好，既能保持联系性、一致性，又能让设计通俗易懂，从而提高了网页的适用性。

俗话说“少即是多”，不论你怎么看，它的确适用于关于留白的一切观点。广义上讲，网页设计中的这种极简处理方式，如今正越来越盛行，这项趋势肯定能持续下去。

网页设计