设计里的留白，是给思考留的余地

先说一个常见的误会

很多人第一次听到"留白"，会下意识地把它理解成"留点空地"，甚至觉得是设计师偷懒、内容不够才把页面撑开。我自己刚入行时也这么想过——客户拿着首屏说"上面这块这么空，是不是再加点东西"，我当时支支吾吾，也确实答不上来为什么不能加。

后来做的项目多了才慢慢明白：留白不是"没填东西"，而是"决定了不填什么"。它和文字、图片、按钮一样，是被主动放进去的一个元素。区别只在于，它不承载信息，它承载的是"读者的注意力该往哪走"。

留白其实是一种节奏

我更愿意把留白理解成音乐里的休止符。一段旋律如果音符密密麻麻、没有停顿，听起来会让人喘不过气；恰当的停顿反而让前一个音和后一个音都更清楚。版面也是一样：标题和正文之间留多少、段落和段落之间隔多远，决定了读者读起来是"赶路"还是"散步"。

节奏意味着它是有疏密变化的，而不是均匀地到处留一样多的空。最容易出错的，恰恰是那种"每个元素四周都套上同样的内边距"的做法——看起来很整齐，读起来却像念说明书，没有重音，也没有喘息的地方。

好的留白是有偏向的：该紧的地方紧，比如一个数字和它的单位、一张图和它的说明，它们之间几乎不该有缝隙，因为它们是一体的；该松的地方松，比如两个不相关的板块之间，要给足距离，让人一眼就知道"这里翻篇了"。

留白不是没有内容，而是替读者把眼睛要走的路提前铺好了。

近的更近，远的更远

如果只让我留一条可以马上用的原则，那就是这句：相关的东西靠近，不相关的东西拉开。心理学上叫"接近性"，但其实不用记术语，你只要盯着自己的页面问一句——读者会不会把不该放一起的两样东西看成一组？

举个具体的例子。一个表单里，标签"手机号"和它下面的输入框，间距应该明显小于这个输入框和下一组"验证码"之间的间距。我见过不少表单把所有间距设成一样，结果用户的视线分不清标签到底是属于上面那个框还是下面那个框，填错率就上去了。这不是审美问题，是真的会出错。

同样的逻辑用在文章里：小标题离它统领的那段正文要近，离上一段的结尾要远。很多人习惯标题上下边距设成一样，读者就感觉不到"新的一节开始了"。

密度不是越低越好

讲到这里要踩一下刹车，免得走向另一个极端。留白被夸久了，有人会以为"越空越高级"，于是把一屏只放一行字、一个按钮，滑半天看不到重点。这种空不叫呼吸，叫稀薄。

信息本身是有密度需求的。一个看盘的后台、一张航班时刻表，用户来就是为了一次看到很多东西，你硬要给它大量留白，反而逼着人不停翻页、来回比对，体验更差。这种场景下，提升可读性靠的是对齐、分组和细线分隔，而不是把东西拆开摊大。

所以我从不把留白当成一个要拉满的指标。它是用来调节奏的工具：内容密就用留白来分组、断句；内容本就稀疏，就别再人为撑大空洞。

几条我自己在用的笨办法

第一，定一套间距档位，别每次手调。比如 4、8、16、24、48 这样的台阶，全站只在这几个值里挑。一旦开始出现 13px、19px 这种数字，多半是在凭感觉硬凑，节奏也就乱了。

第二，先做减法再谈留白。很多页面之所以挤，根本原因不是间距小，而是东西太多。把可有可无的装饰、重复的说明先删掉，剩下的自然就有地方喘气了——留白往往是删出来的，不是加出来的。

第三，把页面缩到很小再看一眼。当你眯起眼或者把窗口缩成缩略图，细节糊掉之后，只剩下黑白块的分布。这时候如果分组清晰、层次分明，说明留白用对了；如果糊成一团，再漂亮的字体也救不回来。

留白，是替读者着想

说到底，留白考验的不是审美，而是你有没有站在读者那一侧。你愿不愿意花心思去想：他的眼睛会从哪进来、在哪停一下、到哪该松口气。每一处间距，其实都是在替他规划一条更省力的阅读路线。

所以下次再有人问我"这块是不是太空了"，我大概会这样回答：它不是空着，是我特意给思考留了点余地。信息要被读进去，得先有地方让人喘口气。