留白这种计划本领的4大须要功能

留白不可是空缺的画布，它是一个成果强盛的计划器材。留白是很难把握的，留白的应用是包括艺术与科学。真正相识几多空缺位置才足够缔造一个精采的机关必要多实践。你计划得越多，你就会学得越多。

留白是指在页面元素之间或是困绕页面元素的空缺空间。固然这种伎俩也许会被以为是挥霍空间，可是留白在计划上是一个必需的元素：

“Whitespace is to be regarded as an active element, not a passive background”—Jan Tschichold

“留白不光单是一个被动的配景，而是一个活泼的元素。”

本日，这篇文章将会汇报你怎样运用留白这种计划本领，把你的计划晋升并给用户一种整洁感受。

”空缺的空间“ 这个名词是来自传统艺术，首要的功能是用来更精确的抓取物件的外形。究竟上，空间不消必然涂成白色才叫留白，任何空缺的空间／并没有和首要内容比拼条理的空间都可以界定为”留白“。因为留白和白色并没有真正的关联，以是留白与空缺的空间是一样的意思。

和传统艺术一样，在用户界面上的物件也必要留白空间。笔墨，按钮，图标和其他物件都必要呼吸。全部好的用户界面城市从上到下的，筹划好页面元素之间的留白，做到吻合公道。

在用户界面上的留白可以分为：

在一个页面上每一个留白空间和其他UI元素一样重要，由于这些留白空间都有它们存在的意义和辅佐保持机关上的视觉完备性。

留白能令用户在速读或是阅读时，更轻易领略和预见文章的内容。

可读性和是否轻易被领略之间弃取

笔墨之间的空间是很重要的，由于它能辅佐页面去区分自身的内容。你应该尽也许有用的使你的内容同时具备轻易被领略（怎样领略字句意思）和可读性（速读时能领略几多内容）。

Wichita State University举行的一个尝试测试中证实-固然留白会减慢阅读的速率，增进留白能有用加强阅读领略手段。Dmitry Fadeyev 曾指出：

Properly using whitespace between paragraphs and in the left and right margins can increase comprehension up to20%

恰当的运用段落之间的留白和阁下边距的留白能有用加强领略力高达百分之20.

在优化笔墨内容时，牢记两个重要的身分 – 段落与段落之间的间隔和行距。行距能大大的优化首要内容的领略性。固然过多的空间会冲破整体性以及使计划没有关联，可是一样平常越大的间距，用户在阅读进程中的体验就会更好。然则在这得再次声明一下，这是必要找到一个美满的均衡的。

机关是由一个个部件叠加组成，内容间的相关是由周围的留白空间所界定的。我们可以领略为留白的处所形成视觉上的体现。

相干的元素组合在一路。

名目塔生理学家透过调查人怎样去组织视觉元素，发现了近接定律，当一件物件很贴近其他物件时，它们会在视觉上很临近。

在用户界面的角度来说，物件间隔出格近的会被视为一个单元。譬喻，在网页计划中，把标签放在相对应的输入框四面从而缔造一个单元。

此刻有许多的APP和网站都是塞满太多的元素和资料而缺乏呼吸的处所。

假如资料塞满的用户界面会为你的用户带来过负荷，那镌汰元素就会变相加强领略力。破除了滋扰，你的用户就会强行的专注在那些“立即可见”的部门。

（1）教育用户的眼睛去看你想让他看的内容

间隔和专注力是有相关的-大一点的间隔会大大加强留意力。没有其他元素只会令本来已经存在的元素更突出。留白的空间对付吸引眼光齐集在某个元素上起了正面的影响。由于在屏幕上已经没有其他对象滋扰留意力，特另外空间困绕着某个元素会吸引用户的眼光齐集在何处。

The more whitespace around an object, the more the eye is drawn toit

越大的留白空间困绕一个物件，越多的眼光就集中中在这个物件身上。

（2）缔造视觉条理

当留白行使适当，它会令一个页面发生整体的流程僻静衡，并辅佐用户去相识计划中的寄义。

As designers, it’s our responsibility to create usable communication vehicles.

“作为计划师，我们职责就是去缔造“雷同本领””

留白空间可以支撑整个页面的条理。它可以制造对称或是差池称。对称缔造影象和调和；反观，差池称吸引留意力。差池称是很好的教育留意力去到页面上某一个位置或是元素。当一个元素行使了差池称的间距，它会在这些环绕着它的元素之中显的很是突出。

固然留白时常用作为一种本领去晋升用户体验，可是它也可以纯真的用在美学目标上。除了印刷和拍照外，在奢侈品市场还能看到大量的留白，计划师操作留白为奢侈品品牌去缔造雅致的感受。空缺增加成熟和豪华的感受，产物在页面中的展示显得仿佛代价比屋子还要贵的感受。

Let the products speak for themselves

让产物自身为本身措辞。

留白不可是空缺的画布，它是一个成果强盛的计划器材。留白是很难把握的，留白的应用是包括艺术与科学。真正相识几多空缺位置才足够缔造一个精采的机关必要多实践。你计划得越多，你就会学得越多。

原文作者：NickBabich

原文地点：https://uxplanet.org/the-power-of-whitespace-a1a95e45f82b

译者：@许嘉智 xujz@ctrip.com

译文来历：携程计划委员会

（编辑：厦门网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!