01 .认识留白 在介绍如何使用留白提升用户体验之前，我们需要先明确留白的意义。留白是页面元素与元素之间，以及元素周围的空间。当设计师谈论留白时，实际上说的是负空间，术语“负空间”起源于传统艺术形式，它让我们更准确地捕获物体的形状。虽然我们称之为留白，但并不意味着就是白色的。只要该空间没有任何的文字和图像，即使被填充了任何颜色，这也算是一个留白。所以留白与实际的白色并没有关联，“留白”就是“负空间”。
02 . 为什么留白很重要 留白是一个好设计的基本要素，与传统艺术一样，物体在GUI里也需要负空间，文字，Button，Logo，和其他元素需要空间去呼吸，所有优秀的用户界面里，从顶部到底部，页面中所有的元素都有适当的留白。空白可分为两种类型：大留白和小留白。Note小留白：文本和网格之间的空白，它有助于内容的可读性。大留白：页面上主要元素之间的空白，与小留白不同，大留白是整体设计的容器。
03.七种影响用户体验的留白 留白是平衡设计元素的好工具，帮助我们更好得组织内容，提升视觉信息传达的体验。— 1 强调特定元素 —强调某种元素，是设计师最常见的任务之一，虽然设计师可以用许多视觉方法让用户聚焦在某些特定元素上，在焦点的周围运用留白往往都能获得比较好的效果。距离和注意力之间有特定的联系，较大的距离能吸引人的注意，周围的缺失使现有的元素更佳突出。设计师会运用合适的留白去强调重要的元素，例如一段内容，较大的Padding值会加强这个区域的吸引力，因为屏幕上没有其它元素可关注。物体周围的留白越多，就越容易吸引眼球。在下面的例子里，Google在设计中大力倡导留白，留白很好地传达了设计的意图，我们的注意力在页面的主要目标上，不会分散给其他区域。— 2 链接相关元素 —当我们在检查元素布局时，通常把它看做是一些对象的组合，这是因为我们的大脑会根据物体之间的相对位置，来创造一个关系模型。格式塔的法则解释了，临近的物体会被看做是一个整体。留白也提供了一种视觉线索，看一下这张图：很可能你看到的是两组点阵，而不是12个原点，这是12个相同的点，唯一不同的是他们的间距不同。这个法则也可以用于交互设计，我们来看下面的Web表单。相关元素成组：我们知道，一组元素靠在一起时，看上去是有关系的，所以相关的标签要靠得近。左图较难传达出标签与输入框的关系，而通过调整间距，如右图，表单的可浏览性提高了。相关信息成组：众所周知，长的表单让人感到压迫。用户在填这些表格的时候会变得犹豫。把相关的字段组合在一起，能帮助用户了解他们必须填写的信息。以下的形式中，两种表格都有相同数量的字段。不同的是右边划分了三个组，内容的数量是相同的，但是给用户的印象大不相同。— 3 防止视觉杂乱 —许多的App和网站承载着太多的信息和元素，没有足够的呼吸空间。这通常由于产品创造者希望传递太多的信息，不幸的是，用户的关注度有限，越多的元素争抢着注意力，用户能够关注到的就越少。可以看下面的例子，这是一个元素太多引起的极端案例。许多网站有着相同的问题，缺乏留白会给用户的眼睛和耐心带来压力，充斥着文字和图片的网站使用户产生挫败感，使他们逃离。杂乱的页面没有吸引力，并且不会让用户想要阅读内容，尤其是当没有视觉层次时。过多的信息负载让界面变得混乱，那么减少混乱就能提高界面的可理解性：通过消除干扰，你可以强制用户只关注即时可见的内容，你可以用留白来减少压迫性，留白可以减少噪音，让用户更能聚焦。当布局达到了留白平衡，各个元素更容易被解读时，就会带来更好的用户体验。— 4 通过互动内容引导用户 —如果你希望用户的视线从一个点流向另一个点，你需要给他一个这么做的线索，这个线索就是留白，留白运用的得当时，能为页面创造自然的视线流动。特定的留白可以实现有效引导、保持读者的兴趣，如下图所见，Dropbox通过锯齿模型引导用户浏览一系列产品的关键特征。不对称是另一种留白技巧，可以用来引导用户对某一部分的注意，当一个元素运用了不对称留白，它会立马就会从周围的元素中跳脱出来，看起来更有活力。如果你要在页面中设计一个链接或者按钮，这种方法可以有效引起别人的注意。
05.结论 留白不是一个空白的画布，而是一个强大的设计工具，但是这个工具很难掌握：现实应用中的留白既是艺术也是科学，掌握如何使用留白来创建良好的布局需要实践。你实践的越多，学到的也就越多。