想要用好留白？这篇文章帮你从头开始梳理

留白对于设计的值，已经得到相当广泛的认可了。留白的存在中的元素得到更好的凸显，有了留白才有强调，它们从来都是一体两面，焦离孟。今天的章，我们来聊一留白的使技巧和最佳实践。

设计中的留白

留白本身通还被称为负空间，它们可以网页布局中各元素之间，还可以特 UI元素的内部。留白赋予了页面呼吸感，它本身并不一非得白色的空白区域。留白界了 UI元素本身的空间界，借格式原理，它还可以创造视觉的联系。

因此，留白是一种重要的、功强大的设计元素，它对于创积极的户体验有着重大的影响。 交互设计基金会的 Mads Soegaard 是这么说的：“留白就像一画布，它是将同设计元素融合到一起的背景，又这些元素通过对衬托脱颖而。”

在诸多的平面设计领域当中，负空间都发挥着无法替代的作。无论是设计LOGO、平面插画还是字体的时候，留白的使系着整个设计的表现。就像面的博客插图，负空间的整个画面显得更生。

无论是在设计还是 UI设计当中，设计师都需要借助留白来升界面和导航的可性。布元素周围的留白或者负空间通被称为宏空间，而它们之间的留白和的负空间，则被称为微空间。

理清概念

留白和负空间虽然是两个同的说法，但是两者表述的是同一个东西。之有两个同的说法，是因为两个名称是来源于同的两个领域。

留白是来自排版印刷设计领域，因为页面的背通常是白的，而文和图周围的区域也是白的空白，因此有留白之说。而负空间个说法是源自摄影，吸引人注意的视主被称为正空间，而相应的留白就成负空间。

需要注的是，留并不一定非得是色的，可以是其的颜色，甚至是其的图案。

留白为何如此重要

当你进入一个挤各种物品和人的房间，都是西和人，找定的西肯定是一个非常艰难的事情。相应的，在干净的地面上，摆放的唯一的物品肯定是非常醒目的，你不需要花费任何力气就能注它。这也是留发挥作用的理所在。

虽然客户可能会要求设计师在页上尽可能多地塞满各元素和功能，这样可以节省空。是，实上这是个最常见误做法：用户并不需要在网页上完成全部工作。更要是，太多元素会分散用户注意力，用户会难以找到真正想要信息。正如 Aarron Walter 所说：“你想让用户注意到所有事情时候，他们会感知不到任何东西。”

于设计而言，负空价值是常高，我们随便结下，都有很多：

• 它让页面的可阅读性得了提升；
• 它增强了视觉层；
• 它使得元素元素之间的关系加清晰，易被感知，不需借表格、框架这样的加手段；
• 它为页面增了呼吸感，而至于导致混乱；
• 它让用户更容易将注意力集中到核心元素上，减少分心；
• 它提升了页面的风格，让计更加优雅。

看看个市指的着陆页吧，负空间在背中扮演非常重要的角，更重要的是，图中的元素和前的文标题之间有所互动，也同样是借助负空间的方式来呈现，呈现出一种和谐而有趣的设计效果。

影响留白的核心因素

合的使留白够界面的户体验升。

读和清晰度：果和元素之间没有够的留白，变得难以阅读，用户需要花费额外的精力来进行分辨。不合理的留白设计让用户感到紧，想要让用户感到自，需要让留白恰到处，令局显得够自。同音乐中的韵律感一样，设计中的韵律感是通留白的变化来呈现的。

品牌化：如果你熟悉LOGO的计，你会发现计借助素周围的留来营造氛围提升觉，留的功能性在品牌计上有着非常显著的体现。破留的计规则，对于整体是有害的。

强化属性：留白运用能够强化属性，比如新闻客平台会更加密地呈现信息，甚至会借助动态数据呈现和较为致密布局来造资讯密感和平台调性。

视觉层次：富层次感的留白设能够创造出视觉层次，并且让用户注意到特的元素信息。

留白对于视觉的影响主体以下的几方面：

• 文案和内容
• 图形元素
• 导航
• 视识别

接来看看几个案例。这是 The Big Landscape 的首页，没有表单，没有视觉框架，仅仅借助留白来平衡有的设计元素。设计师构建了清晰的层次结构，并且允许户一瞥即可看清有的容，这样的设计看起来是清晰而有条紊的，而且充满呼吸感。白色的背景和简约的布整个界面充满了实体杂志的质感， 而这相对视觉地告知户这是一个在线的数字杂志。

另外一个是移端的APP Upper。整个应的留白都是使黑色来进行填充的，在视觉上，黑色的留白和核心的视觉元素构成了明的对，从而起到了凸显的作。整个设计留白充足，户会错过键的分，会分心，布的组织性极强，可读性都毫无问题。设计师确保了整体的优雅性，布更具有美特征。

需要考虑的问题和隐患

1. 术语紊淆

和不熟悉设计术语客户进沟时候，应该尽量让他们明白负空/留白含义和功能。于设计从业者而言，很多时候确实不能很快接受「屏幕需要留下更多留白」这样概念。于黑色或者深色背景，这类客户可能会有不好联想，事实上并如此。在进足够深入沟后，尽量将这些关键灌输客户，避免术语和概念上误读。

2. 希望减少留白，增加页和内容

其实这个是几乎所有设计领域都会临问题。客户会希望内设计师在墙摆满柜子而不是两个剩余地留白，而筑设计师也常常需要筑围有足够留白，确保呼吸感，提供更好服务。设计师需要和客户沟，了解哪些部分更要，哪些部分要，而哪些内容是可有可，分层级，进筛选。留白有助于造更加协调布局，让信息和功能可用性更强。

3. 优先级不够高

如深思熟虑信息架构和界并不匹配，留白并不是能解决案。你需要在考虑界设计前，确定用户获取信息，然后再进设计。在确定风格前，先要梳理楚用户流程，否则，再好负空设计也不足以发挥出它应有功能。