【UX Myths专栏】使用者经验设计之迷思#28:留白处是被浪费的空间

uxmyths-029-00

Myth #28: White space is wasted space

uxmyths-029-01

Image: Cracked Background / FreeDigitalPhotos.net

留白处,或称为「负空间」,指的是在设计或页面排版时,在元素附近,或与元素与元素之间保留的空隙。常被人忽略。

虽然很多人会觉得留白是在浪费屏幕空间的价值,然而留白处在网页设计中是不可或缺的元素,Jan Tschichold在1930年时写到

留白处应该要被视为一种可运用的元素,而不是只将它消极的视为背景。

留白的用处不仅仅只在于提高可读性及区分内容的优先级,在视觉排版及品牌定位上也扮演相当重要的角色。

 

留白在网页设计中的重要性

在Tut网页设计教程的「using white space effectively(有效运用留白处)」中指出,留白的基本原则是避免使用者一次得阅读所有文字信息,让阅读容易些。一个凌乱的页面不但缺乏吸引力,也让使用者缺少阅读的意愿,特别是文字间没有视觉阶层的时候。威奇托州立大学进行的某个研究显示,留白虽然可能降低阅读的速度,但确实增加了阅读的理解度。

区分使用界面上的优先级:Luke Wroblewski在Developing the Invisible中主张「对设计师来说,留白处跟内容本身一样重要,这些界面中无形的元素可以沟通:什么是最重要的、什么是相关的、以及什么是需要注意的。」

在页面中引导使用者:Carla Rose提到:「留白处可以让使用者集中内容元素的注意力,确实将你的视线从某一处引导到另一处。」Jason Santa Maria在white space design的文章中提出:「留白相当的重要作用之一,是设计师意图在页面中引导阅读者。」

创造精练高雅的感觉:留白的大量使用,甚至可以有助于品牌定位。alistapart.com曾经写过一篇全面性的文章探讨留白,主张留白可以「帮尊贵品牌创造精练高雅的感觉」。举例来说:化妆品、保养品常常在他们的行销素材中广泛使用留白,传达产品高级的感觉。

在平衡感及画面的协调性上是必要的:根据Jason Santa Maria提出的论点:「页面上的每一处的留白都跟图像所占用的空间一样重要。因为就算是留白处在页面上也具有目的,且提供了视觉上的完整度。」

 

留白元素包括:

  • 图象或图片间的空间
  • 边宽、边界距离、栏宽
  • 文字间的行距、字距
  • 列与列之间的距离

 

一些大量使用留白的网站

 

你可以在以下三处发现更多很棒的例子:

 

没了留白的世界会变什么样子呢?

 

 

 

文章编译来源:http://www.hpx.tw/archives/10634

UX Myth

原文来源:http://uxmyths.com
顶部图片来源:http://www.takeheeddesign.com
 
 
 
 

1 条回复

  1. 2016-07-08

    […] 【UX Myths专栏】使用者经验设计之迷思#28:留白处是被浪费的空间 […]

发表评论

您的电子邮箱地址不会被公开。