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

留白已经广泛认可了设计的价值。留白的存在更好地突出了元素。只有留白，才能强调它们总是一体的，两面的。在今天的文章中，让我们来谈谈空白的使用技巧和最佳实践。

设计中的空白

空白本身通常被称为负空间，它们可以在网页布局中的每个元素之间，也可以在特定的元素之间 UI元素的内部。空白给页面一种呼吸感，它本身并不一定是一个白色的空白区域。空白定义 UI元素本身的空间边界，借助格式塔原理，也可以创造视觉联系。

因此，留白是一种重要而强大的设计元素，它对创造积极的用户体验有很大的影响。 互动设计基金会 Mads Soegaard 这样说：“空白就像一块画布，它是不同设计元素的背景，让这些元素通过对比脱颖而出。”

负空间在许多平面设计领域发挥着不可替代的作用。无论是LOGO的设计、当平面插图仍然是字体时，空白的使用与整个设计的表达有关。就像下面的博客插图一样，负空间的使用使整个图片看起来更加生动。

无论是网站设计还是网站设计，无论是网站设计还是网站设计 在UI设计中，设计师需要使用空白来提高界面和导航的可用性。布局元素周围的空白或负空间通常被称为宏空间，它们之间的空白和内部负空间被称为微空间。

理清概念

虽然空白和负空间是两种不同的说法，但它们表达了同样的东西。有两种不同的说法，因为这两个名称来自两个不同的领域。

空白来自排版印刷设计领域，因为页面的背景通常是白色的，文本和图片周围的区域大多是白色的空白，所以有空白。负空间的说法来自于摄影，吸引人的视觉主体被称为正空间，而相应的空白空间变成了负空间。

需要注意的是，空白不一定是白色的，可以是其他颜色，甚至是其他图案。

为什么留白如此重要？

当你进入一个挤满各种物品和人的房间，到处都是东西和人，找到特定的东西一定是一件非常困难的事情。因此，在干净的地面上，唯一的物品必须非常引人注目，你不需要花任何努力来注意它。这也是留白的原则。

虽然客户可能会要求设计师在页面上尽可能多地填充各种元素和功能，但它可以节省空间。但这实际上是最常见的错误方法之一：用户不需要在网页上完成所有的工作。更重要的是，太多的元素会分散用户的注意力，用户很难找到他们真正想要的信息。就像 Aarron Walter “当你想让用户注意到一切时，他们什么也感觉不到。”

对设计而言，负空间的价值很高，我们随便总结一下，有很多：

它提高了页面的可读性；它提高了视觉水平；它使元素和元素之间的关系更清晰，更容易被感知，而不使用表格、框架等额外手段；它增加了页面的呼吸，而不是混乱；它使用户更容易关注核心元素，减少分心；它改善了页面的风格，使设计更加优雅。

看看这个城市指南的登陆页面。负空间在背景中起着非常重要的作用。更重要的是，图片中的元素与有前途的文本标题相互作用，也以负空间的方式呈现，呈现出和谐有趣的设计效果。

影响留白的核心因素

合理使用留白可以大大提升界面的用户体验。

可读性和清晰度：如果元素之间没有足够的空白，就很难阅读，用户需要花费额外的精力来区分。不合理的空白设计会让用户感到紧张，想让用户感到自然，需要让空白正确，使布局看起来足够自然。就像音乐中的节奏一样，设计中的节奏是通过空白的变化来呈现的。

品牌：如果你熟悉标志的设计，你会发现设计师利用元素周围的空白来创造一种氛围来改善感觉，空白的功能在品牌设计中有非常明显的体现。打破空白设计规则对整体有害。

强化属性：空白的使用可以强化属性。例如，新闻博客平台将更加密集地呈现信息，甚至通过动态数据呈现和更密集的布局创造信息的密集性和平台的色调。

视觉层次：层次分明的空白设计可以创造视觉层次，让用户注意到特定的元素和信息。

留白对视觉的影响主要体现在以下几个方面：

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

接下来我们来看几个案例。这是真的。 The Big Landscape 主页，没有表单，没有视觉框架，只有在空白的帮助下来平衡所有的设计元素。设计师构建了一个清晰的层次结构，允许用户一眼就能看到所有的内容块，看起来清晰有序，充满呼吸。白色背景和简单的布局使整个界面充满了实体杂志的纹理， 这也相对视觉地告诉用户，这是一本在线数字杂志。

另一个是移动应用程序 Upper。整个应用的空白都是用黑色填充的。视觉上，黑色空白与核心视觉元素形成鲜明对比，起到突出作用。整个设计空白充足，用户不会错过关键部分或分心。布局组织性强，可读性好。设计师保证了整体的优雅，使布局更加美观。

需要考虑的问题和隐患

1. 术语紊淆

与不熟悉设计术语的客户沟通时，应尽量让他们理解负空间/空白的含义和功能。对于非设计从业者来说，他们往往不能很快接受「需要在屏幕上留下更多的空白」这个概念。对于黑色或深色的背景，这些客户可能会有不好的联系，但事实并非如此。经过足够深入的沟通，试着向客户灌输这些关键点，以避免对术语和概念的误解。

2. 希望减少空白，增加页面和内容

事实上，这是几乎所有设计领域都将面临的问题。客户希望室内设计师在墙上装满橱柜，而不是在剩下的两个地方留下空白，建筑设计师往往需要在建筑周围留下足够的空白，以确保呼吸，并提供更好的服务。设计师需要与客户沟通，了解哪些部分更重要，哪些部分更重要，哪些内容是可有可无的，区分层次和筛选。空白有助于创建更协调的布局，使信息和功能更可用。

3. 优先级不够高

如果仔细考虑的信息架构与界面不匹配，空白不是一个通用的解决方案。在设计之前，您需要确定用户获取信息的方式。在确定风格之前，首先要梳理用户流程，否则，无论负空间设计有多好，都不足以发挥其应有的功能。

「不要错过2018年的设计趋势」

“2018年，这10个标志的设计趋势值得你关注”和“超级全面总结！2017年，这21种设计趋势在UI设计领域流行起来，“如果你掌握了这12种移动UX设计趋势，你将控制2018年”和“这种独特的紫色是2018年潘通色的年度设计方向”

================推荐明星栏目================

优秀教程网: UiiiUiii.com 它是一个优质的中文教程网站，共享了大量的PS、AE、AI、C4D和其他中文教程也为零基础设计爱好者准备了一个亲密的知识树专栏。开启免费自学的新篇章，并根据我们的专栏一步一步地学习。你将能够快速开始并产生酷炫的视觉效果。

设计导航：中国最受欢迎的设计网站导航，设计师必须： http://hao.uisdc.com