网页排版:空白是最好的空间
在网页排版中使用空白的重要性是无法低估的,空白使正文的连续文本能够呼吸,并帮助读者获取网站传递的信息。空白也被称为“负空隙”,是构图中元素之间的空隙,或者设计中没有被使用的部分,包括图形、外边距、页面和分栏(宏观空白)之间的空白,以及文本行之间、单词之间和图片标题之间(微观空白)的空白。当然,空白并不一定是白色的—这个词来自于印刷领域,因为在这个领域中,白纸即代表了空白。
那些把用户的注意力从一个元素引导到另一个元素,组织布局并帮助建立信息结构的空白被称为“活动空白”(activewhite space)。那些把文本规划成块的空白被称为“非活动空白”(passive space)。
实际上,很多清晰度和可读性问题都可以被解决或至少被减弱,只要审慎地、均衡地使用空白。正像页间、内边距、外边距、行宽或行高的一些额外的像素可以很大程度上影响内容整体的清晰度。不仅如此,引文、图像和列表的缩进不仅可以改善布局的结构和展现效果,也可以使设计更富有动态和表现力。
在内容和环绕内容的空白之间没有好的平衡,文本将很难阅读或扫读,使用户有种挫败感,并对你的信息缺乏信心。对于网站尤其是这样,很多设计者通过“above the fold”来填充空隙,试图抓住用户的注意力,这导致网站内容过于密集、难以使用,这当然不是设计者的最终目的。从用户的角度,空白提供了线索和定位,有助于产生自然的、令人满意的阅读体验。
一些设计者声称,设计永远不要使用太多的空白。事实并不总是这样,因为文本块的聚合和连贯对于一个平衡的布局是很重要的。平衡正的(非白色的)和负空隙对于产生美丽、和谐和令人愉悦的版式至关重要。正如Mark Boulton 在他的一篇文章中陈述的那样,“一旦你知道如何设计和操控外部、内部和内容周围的空白,你将能够给读者一个好的开始、使他们更加精确地定位你的产品,甚至也许会用新的眼光看待你的内容”。