第 16 章 留白：空出来的地方在说话
甲方看完你的第一版，说：“太空了，加点东西。”
你回去加了一圈装饰边框，加了个渐变背景，把副标题从两行扩成四行，又给右下角的二维码加了个圆角矩形衬底。第二版交上去，对方皱眉：“太满了，看着乱。”
你把边框去掉，渐变压浅，副标题删回两行。第三版：“嗯，好多了。不过还是有点空，是不是少了点什么？”
你小心翼翼地把二维码的衬底加回来。第四版：“这版可以。就是那个标题旁边好像还能塞点东西？”
四版之后，你回到原点附近，还多熬了一夜。
更气人的是，你心里隐约觉得第一版就是对的。但你不敢说，因为你只有直觉，没有理由。
“导师，这不就是甲方不懂装懂吗？他要是不懂，为什么不能闭嘴？”
先别急着甩锅。我承认这里面有他的问题。但你每次只能拿”我觉得”去顶，你顶不动任何一个甲方。而且你想过没有——为什么”太空了”这个判断会这么稳定地出现？几乎所有不干设计的人，第一次看到留白多的版面，反应都是同一句：“这个是不是没做完？”
这事儿不是审美水平低下这么简单。这个反应背后，藏着留白为什么有效、以及它为什么这么难被接受的全部机制。你把这套机制搞明白，你手里就有三样东西：留白到底是什么、它凭什么起作用、以及当有人让你填满的时候你该怎么接——不是靠嘴硬，是靠给一个更好的方案。
一、先别用”留白”这个词想这件事
我觉得中文里”留白”这个词，本身就坑了很多人。
“留”是剩下的意思——把东西放完之后，剩下来的那块。这个字直接把空白定义成了废料的同义词。你按这个定义去想，当然会认为空白是消极的、是可以被占用的、是”浪费”。
“白”也一样。它暗示背景必须是白的。可你去看一张深蓝色的电影海报，黑底上那一大片”没东西的深色区域”，难道就不是留白？
所以这一章我建议你换个词装在脑子里：负空间（negative space）。或者更直白一点，叫空场。
“空场”这个词好在哪？你想到”场”，就会想到”场地”——场地是有东西在上面发生的，不是废料堆。球场空着的时候，它不是”没放东西的地方”，它是比赛将要发生的地方。
中国画里有句老话，叫”计白当黑”。意思是空白的地方你要当成墨一样去经营，它是画面的一部分，得算进去。这句话流传了几百年，可惜大部分人听到它的时候，只当它是句玄学口诀。
“行，我接受’空白也是画面的一部分’。可这有什么用？我知道它是一部分，然后呢？”
有用。用处在于，一旦你把空当成元素，你就能对它提问了。
对一块”废料”，你提不出任何问题。但对一个元素，你可以问它四个问题：
一、它的形状是什么？ 二、它的边界在哪，边界是不是清楚？ 三、它在画面里占了多大面积，是什么比例？ 四、它在干什么活？
这四个问题，就是你从”看着空”走到”空得对不对”的整条路。这一章剩下的内容，其实就是把这四个问题一个个拆开。
我先把最要紧的一句放在这儿：留白不是一个地方，是一个元素。它有形状、有边界、有功能。 后面你会反复回来看这句话。
二、给空白描个边，你就知道它健康不健康
我先给你一个立刻能用的诊断动作，比讲一百句道理都管用。
打开你手边任意一张图——你自己做的、别人做的、马路边拍的都行。现在，别看”东西”，只看”东西之间的空”。强迫自己在脑子里给那些空白区域描一圈边，把它当成一个独立的图形拎出来看。
然后问自己：这个形状好不好看？
”……这个动作听起来有点怪。空白又不是主体，好不好看有关系吗？”
大有关系。我给你举个具体的。
假设一页竖版海报，上头一行主标题，中间一块产品图，下面三段说明文字，右下角一个 logo。这是最普通不过的版式。
如果这页的空是被动的——也就是你把东西塞完之后剩下来的——那它的空会长这样：
标题和图片之间有一道横向的窄条；图片左下角有一块三角形的碎空，因为图片是圆的但容器是方的；三段文字的行间距挤成一条线，但段与段之间各自留了一块高度不等的空；logo 上方有一大片空，右边缘和纸边之间夹着一条细得可怜的窄缝；整个画面右上角还有一块莫名其妙的、不大的、歪的空。
你把这些空一个个描出来看看：一个窄条、一个碎三角、三个高度不等的矩形、一个大方块、一条细缝、一个歪的小块。
六个形状，大小不等，形状各异，没有一个是”完整”的。
这就是废料的形状。废料的形状永远是破碎的。 因为它是被四个互不商量、各自就位的元素挤出来的。
如果这页的空是主动的，它会长什么样？
你会先在纸面上划出一大块”什么都不许放”的区域——比如整个上半部分的三分之一，只放一行标题，标题下方留出一整块完整的、接近正方形的空。然后中间那块产品图周围，四边的空是相等的或者成比例的。三段说明文字被收进一个明确的宽度里，它们右侧对齐之后，右边留下一条干净的、贯穿整页的竖直空白带。logo 被推到右下角，它上方和右方的空都是完整的矩形，而不是被挤出来的窄缝。
这时候你再描边：一个大正方形、四个相等的矩形、一条贯穿的长带、一个角上的方块。
四个形状，每一个都完整，每一个都”像个东西”。
我还没讲任何一条规则，你现在应该已经能感觉到：后面这种版面，看着就”贵”。
“等等，你刚才说’四边的空相等或者成比例’——相等我懂，成比例是什么？”
比如产品图四周，左右各留 40，上下各留 20。这不是相等，但它是一个清楚的关系（2:1）。大脑读到比例会觉得”这是安排过的”，读到 37、41、18、24 这种随手拖出来的数字会觉得”这是碰巧的”。
这一点在第 01 章聊间距的时候其实提过：人眼对间距的绝对数值不敏感，但对关系极其敏感。同样两块空，一个是 40 一个是 44，你看不出差别，但你整体的”整齐感”会掉一档。
好，这个诊断动作你现在就能用。更狠的版本：把图缩小到指甲盖大小，或者退后三步看。 细节全消失之后，剩下的就是那几块空的形状。如果你在缩略图上看到的空是一团散沙，别管你的标题字多好看、配色多讲究，这个版面的骨架是塌的。
三、空在干的三种活：分隔、强调、呼吸
现在我们聊功能。空在画面里主要干三种活，机制完全不同，别混为一谈。
1. 分隔：用空代替线
假设你有三块信息：地址、电话、营业时间。你想让读者知道这是三块独立的东西，不是一个段落。
新手的做法是加线：三条横线，或者三个框，或者三个卡片底色。
老手的做法是拉开距离：块与块之间留一道明显的空，块内部的间距收紧。
两者都在说”这是三组”，但语气完全不一样。
线是一种声明。它明确、硬、不容商量。它同时也是一个新元素——你加了线，画面里就多了一个东西，它自己有粗细、有颜色、有长度，也要参与构图。三条线如果粗细不一、长度不等、颜色还不一样，你就从”解决一个问题”变成了”制造三个问题”。
空是一种暗示。它不往画面里加任何东西，它靠的是大脑的补全能力——第 03 章讲过格式塔，其中那条”接近律”说的就是：离得近的元素，大脑会自动归成一组（详见第 03 章）。你拉开距离，大脑自己会分组，你连一个像素都不用多画。
“那线是不是就该被淘汰了？”
不是。线该用的时候还得用，我给你划个清楚的界限：
空间够的时候用空，空间不够的时候用线。 一个表单，二十个字段，行高本来就紧，你不可能靠拉开距离分组，那必须用线或者底色。一个信息密度极高的报价单，也必须用线。
反过来，一张海报上只有三行字，你加三条线——那不是分组，那是把一张海报做成了表格。
还有一个更细的区别：线会切断，空不会。 一整块文字中间横一条线，读者的视线被拦了一下；如果换成一段空，视线是”滑”过去的，连续感保住了。所以长文排版里，段与段之间习惯用空行而不是用横线，道理就在这儿。
2. 强调：孤立产生力量
这一条最直白，也最容易被用坏。
你在一大片空地上放一个小东西，那个小东西会重得吓人。不是因为它大，是因为它独占。
你去想奢侈品广告：整页浅米色，正中央一个小小的手袋，下方一个字号极小的 logo。那个手袋可能只占画面面积的百分之五。但它是画面里唯一的东西，你的眼睛没有第二个去处，它就被推到了最强的位置。
反过来，同一个手袋，周围挤满了模特、文字、花纹、价格标签——它再大，也泯然众人。
这个机制的本质是对比（第 14 章讲过，对比是所有设计问题的解药）。“孤立”是”密集”的反面，周围越密，中间那个空的就越跳；周围越空，中间那个有的就越跳。两者是同一种对比的两个方向。
所以这里有个必须讲清的代价：孤立是稀缺资源。
一张画面里只能孤立一个东西。你孤立了两个，它们就互相稀释；你孤立了五个，等于一个都没孤立——五个东西各自被大片空包围，读者只会觉得”这个版面好散”，然后不知道该看哪个。
新手最常犯的错，就是听懂了”留白产生高级感”，于是把画面里每个元素周围都留一大圈空。结果得到一张四处漏风的图，元素之间毫无联系，像五个陌生人站在广场上互相不认识。
记住：留白的价值不在于多，在于分配不均。 你要有勇气让某些地方极空，另一些地方极紧。均匀的留白不产生任何等级，而设计的核心工作就是制造等级。
3. 呼吸：降低认知负荷
第三种活最容易被忽略，因为它最不”好看”，它管的是累不累。
回到第 01 章讲的那件事：你的眼睛不是摄像头，视网膜上只有正中央一小块是高清的，你得靠每秒三次的扫视去采样，大脑再把碎片拼起来。这个采样—拼接的过程是要耗资源的。 信息越密，单位面积里要采的样越多，读者消耗得越快。
你可以把它理解成带宽：一页上所有元素的视觉信息量，得在读者的处理带宽里过得去。留白就是降低码率——它不是在传输信息，是在给解码器喘息的时间。点到为止，你比我更懂带宽。
关键在于：呼吸用的空，留的位置是有讲究的，不是均匀撒一层。
呼吸的空该留在哪儿？两个地方。
第一，信息块之间。一段读完了，要有一个明确的”到此为止”的信号，然后才是下一段。段落之间那道空，本质上是给大脑一个”可以松一口气、可以把刚才那段清缓存了”的信号。行距也是一种呼吸——行与行之间太紧，眼睛在换行的时候会串行，因为它找不到行的边界。
第二，视线跳转的地方。第 05 章讲视觉动线的时候说过，读者的眼睛在你的画面上是按某个顺序跳的（详见第 05 章）。每一次跳跃都要消耗一点东西。在两个跳跃目标之间留出清晰的空，等于给眼睛一条干净的跑道；如果中间塞满了杂物，眼睛每次跳转都要”绕过”一些东西，几次下来读者就累了，然后他就不看了。
“这三种功能会不会打架？比如我想用空分隔，但这个空又让画面显得散。”
会，而且经常打。所以你在放一块空之前，得先回答”这块空是来干什么的”。
如果它是来分隔的，那它的大小标准是：大到足以让两组明显分开，小到不至于让两组失去联系。这是个区间，不是越大约好。
如果它是来强调的，那它要极度不均——只给一个元素。
如果它是来呼吸的，那它要落在边界和跳点上，而且大小取决于信息的密度：信息越密，需要的呼吸空越大。
同样是”一块空”，三个目的，三种尺寸标准。你含糊地说”这里留白不够”，等于什么都没说。你得说出这块空是来干哪种活的，然后才知道加到多大算够。
四、空间即等级：靠得近就是有关系
这一段我要讲留白最实用、也最容易被新手忽略的一个作用。
先做个小测试。下面这两行字：
姓名 电话 地址
姓名 电话 地址
如果我在第一行里，让”姓名”和”电话”挨得很近，而”地址”离它们远一点：
姓名 电话 地址
你的大脑立刻会读出：姓名和电话是一组，地址是另一组。我没有加任何框、任何线、任何颜色。
这就是亲密性（proximity）。它是格式塔接近律在设计里的应用，机制简单到近乎粗暴：物理距离近的元素，会被感知为相关的元素。
“这不就是常识吗？”
是常识，但常识和”用得上”之间隔着一条巨大的沟。我说它最容易被忽略，是因为新手做分组的时候，手里只有三招：加框、加底色、加线。他们从来不把”距离”当成一招。
为什么？因为距离是隐性的。你画了个框，框在那儿，你看得见，你有安全感。你只是把两个东西挨近了三毫米——画面上什么都没多，你心里没底，你会怀疑”这样真的够吗？别人看得出来吗？”
看不出来才对了。真正高级的分组，是读者根本没意识到被分了组，他只是”自然地”知道这两块是一起的。他一旦注意到你用了框，那已经是次一等的解法了。
空间大小直接宣告等级
亲密性往前推一步，就是这一章的硬道理：元素周围的空间大小，直接宣告了它的重要性和归属关系。
一个标题，如果它上方有 60 的空间、下方只有 12——读者会认为这个标题属于下面那段文字。
同一个标题，上方 12、下方 60——它属于上面那段。
上下都是 36——它不属于任何一边，它是个孤独的、漂浮的东西。
这是排版里最经典的翻车现场，而且每天都在发生：一个居中对齐的标题，上下留的空一模一样大，作者以为这叫”平衡”，读者读到的是”这个标题不知道归谁”。
“居中不是更正式吗？很多书的章节标题都居中啊。”
书里的章节标题居中，是因为它独占一页或者独占一个明显的区块，上下本来就没有别的元素可以归属，这时候居中是成立的。你在一堆挤挤挨挨的内容里塞一个上下等距的居中标题，那不叫正式，那叫悬空。
再往前推一层：一个元素周围的空间总量，宣告它的重要性。
你看那些高端产品的包装和画册，主标题周围往往有一大片别人不许侵占的区域。那片区域不是浪费，那是它的领地。领地越大，等级越高。这和现实世界的逻辑完全一致——高管的办公室大，工位宽敞；实习生的工位挤在过道旁边。空间从来都是等级的物理表现，你的版面也一样。
所以当你想让某个东西显得更重要，你有两条路：把它变大，或者给它更多的空。第二条路往往更高级，因为它不靠”喊”（第 14 章讲过，大小对比是喊，有时喊不如让）。
怎么检查自己的亲密性对不对
给你一个两分钟的检查流程，对着自己的版面走一遍：
第一步，列出画面里所有的信息块（标题、副标题、正文、图注、按钮、logo……）。
第二步，对每一块问：它属于谁？ 每一块都必须有明确的归属，或者明确地”谁也不属于”（比如主标题）。
第三步，去量它和它应该归属的那个对象之间的距离，再量它和不应该归属的对象之间的距离。前者的数字必须明显小于后者。
第四步，找出所有”差不多远”的配对。每一对”差不多远”，都是一处归属不清。
走完这四步，你会发现自己的版面上通常有五六处”差不多远”。改法简单得可笑：把该近的拉近，把该远的推远。不动任何一个元素本身，整张图就清楚了一大截。
这也是为什么我说亲密性是最划算的一招——它不增加任何东西，它只是移动已经存在的东西。
五、主动留白与被动留白：一种是设计的，一种是剩下的
这一节是把前面的诊断动作上升到方法论。
主动留白：你先决定哪里不许放东西，然后再往允许的区域里放东西。
被动留白：你先把东西放完，剩下多少算多少。
两者在最终画面上可能看起来很接近，但骨子里是两种工作方式，而且结果几乎必然不同。被动留白有三个典型特征，你拿这三个特征去套，一抓一个准：
特征一：形状破碎。 前面讲过了，被挤出来的空是碎的。它可能是一块歪三角形、一条细缝、一个 L 形。判断标准很简单：你能不能用一句话描述它的形状？“一个正方形""一条贯穿的竖带”——这是主动的。“图片左下角那一小块，因为图是圆的所以多出来的那点”——这是被动的。
特征二：大小不均，且不均得没有规律。 主动留白也会不均，但它不均得有比例——40 和 20 是 2:1，你能说出关系。被动留白的不均是随机的：41、18、37、23。你量出来自己都觉得莫名其妙。
特征三：贴在边缘，尤其爱贴边角。 这是最典型的一个。元素靠边靠得太近，纸边和元素之间夹出一条 3 毫米的窄缝。这条缝既不是分隔（太窄了起不到分隔作用），也不是呼吸（太窄了没有呼吸功能），它只是一道没处理干净的边角料。
你去看马路边的小广告、饭店的塑料菜单、小区门口的通知，满眼都是这种窄缝。它们的共同特点是：内容顶着边排，四边留一道 2 到 5 毫米的白边——那不是页边距，那是打印机的物理限制。
“那我把四边留宽一点，不就变成主动留白了？”
不一定。四边留宽只是解决了”边缘”这一处。你还得处理内部：块与块之间的空、元素与元素之间的空、文字行与行之间的空。
我给你一个工作顺序，这个顺序是”主动”的关键：
第一步，定页边距。 先决定画面四周那圈不许侵占的区域有多大。这一步定了，你的”舞台”就定了。页边距的功能有两个：给画面一个”框”（框意味着内部是被框起来的、是被安排过的），以及给画面呼吸的余地。具体数值没有标准答案，但有一句话是硬道理：页边距必须明显大于栏间距。栏间距大于页边距的版面，看起来永远是”内容要溢出来”。
第二步，定区域。 把舞台切成几块功能区：这里是主视觉，那里是信息，这里是落款。切的时候，顺手把区域之间的”隔离带”定下来。隔离带就是那种贯穿整个画面的、完整的空——它可能是一道横带，也可能是一条竖带。
第三步，才是放元素。 元素放进区域里，只能在自己的区域里动，不许越界去吃隔离带。
第四步，回头调空，不调元素。 如果整体觉得不对，先试着改空白的大小，而不是加东西或者删东西。
这个顺序听起来像废话，但你去观察新手怎么干活：他先拖一个标题进来，觉得空，再拖一张图，还空，再拖一段文字……全程在”补空”，从来没有一次是”定空”。补到最后，剩下的空就是碎的、随机贴边的。
顺带说一句，这跟做系统设计是一个思路：先定接口和边界，再填实现；反过来先写实现再抽接口，抽出来的接口永远是别扭的。类比点到为止。
六、为什么他们非要你填满：留白的代价与阻力
这一节我得跟你说点掏心窝子的，因为这是你以后每周都要面对的事。
为什么甲方、老板、同事，几乎本能地要求填满？
第一，钱的可视化。 你按页、按张、按平米收费，客户付了钱，看到的是一张纸。纸上东西越少，他越觉得”我买的这点东西值这个价吗”。这不是他小气，这是人对”可计量价值”的本能反应。你去餐厅点一份菜，摆盘巨大但只有一小口，你第一反应也是”就这？“——哪怕你理智上知道这是高端料理的规矩。
第二，安全感。 空意味着”没做完”。一个版面铺满了东西，至少看起来”该做的都做了”。空白则要求观者自己去完成一部分理解，而大多数人不想承担这个责任，他们会把它读成偷懒。
第三，害怕漏信息。 这一条在企业内部最常见。市场部要加 slogan，法务要加免责声明，销售要加电话，老板要加二维码，渠道要加三个 logo。每一方都只看到自己那一块，没有人负责整体的密度。最后那张图之所以满，是因为它是五个部门的需求并集。
“那我怎么办？总不能跟老板吵一架吧。”
吵是最差的一招，因为你吵赢了这一版，下一版还得吵。我给你三个真正能用的思路。
思路一：用”密度对比”回应”不够充实”
这是最重要的一条，也是这一节的技术核心。
先搞清楚一件事：人判断一个画面”充不充实”，靠的不是铺满面积，靠的是有没有细节可看。
你去想那些你觉得”很丰富”的画面——一张复杂的音乐节海报，信息量爆炸；一版日本的设计年鉴，密密麻麻全是小字。它们真的铺满了吗？未必。很多这样的作品，画面里有大片大片的空，但在另外某个地方，密集到让人头皮发麻。
读者的感受机制是这样的：眼睛先扫到那块极密的地方，得到”这里有好多东西”的信号，大脑就把整个画面判为”丰富的”。而那片空的地方，不但不减分，反而成了那块密的背景和衬托——密的东西需要一个安静的环境才能被看清。
所以面对”太空了”，你的第一反应不应该是”往空的地方加东西”，而应该是：在别的地方制造一块高密度区域。
具体怎么做？几个方向：
- 把原本散落在四处的说明文字，收拢成一个小字号、多行的密集文字块，放在一个角落。这块小字本身就是”细节”。
- 把信息做成图表、表格、列表——同样是那些字，排成段落是”稀疏”的，排成表格是”密集”的，而且更专业。
- 在某一小块区域使用纹理、重复的小图形、或者细密的线条。这一小块会成为整张图的”质感担当”。
- 把二维码、条码、编号、日期这类”天然的密集物”集中放在一起，形成一个密集的小方块。
做完这些，画面的总信息量可能一点没增加，但”充实感”完全不同。因为充实感来自对比，不来自总量。
这就是为什么我给你这一招的名字叫”密度对比”：你要给的不是更多的东西，是更强的密度差。 一整块极密，配一整块极空，中间不要有半密不空的过渡地带。半密不空是最糟的状态——它既没有密集的冲击力，也没有留白的高级感。
思路二：把”空”命名成功能
人害怕的从来不是空，是说不清为什么空。
你把一块空指出来，说：“这块空是留给眼睛的落点，读者看完标题之后需要一个地方停一下，不然会直接滑走。“或者说：“这块空是用来把标题从下面的信息堆里推出来的，加满之后标题就沉下去了。”
这段话有没有道理是次要的，重要的是：你把一个”没有东西”的状态，转换成了一个”有用途”的状态。甲方抵触的是”你漏了东西”，不是”你做了一个留白的决定”。
同样的空，前者是疏忽，后者是决策。决策可以被讨论，疏忽只能被补上。 而且这么说完，讨论会自然进入下一层：如果这块空是干这个活的，那它够不够大？于是你从”要不要加东西”的拉锯，转到了”加多少”的技术讨论——后者你能赢。
思路三：给两版，让他自己选，但要控制变量
别做一版给人看，做两版：一版空，一版满。并排放。
十次里有七八次，他会选那一版空的，因为在对比之下，满的那一版显得吵。人单独看一张图的时候，“空”的阈值很低；两版并排的时候，判断力立刻上来了。
但有个前提：两版之间只允许差在密度上，其它全一样。 一样的字体、一样的颜色、一样的信息、一样的位置。如果他选了空的那版，你还能说”好，那版式定了”；如果他选了满的，你也只能认。
最忌讳的是你做了一个空版和一个满版，结果满版你还顺手换了个更花的字体。那他选满版可能只是因为喜欢那个字体，你的实验就白做了。
最糟的应对：均匀填充
最后我要说一个你必须警惕的死法。
当你扛不住压力，决定”各让一步”的时候，最常见的动作是：在空的地方均匀撒一点东西。这里加个小图标，那里加条细线，角落加个装饰，标题旁边加个色块。
这是所有结果里最糟的一个。因为：
- 你破坏了那块空的完整性和功能，它现在既不能分隔，也不能强调，也不能呼吸；
- 你增加的这点东西不足以形成”密集”，所以它连密度对比都没造出来；
- 画面里多了五六个小元素，每一个都要参与构图，你的复杂度上升了，信息量没变。
均匀填充同时消灭了留白的所有好处，却得不到密集的任何好处。 如果你一定要让步，宁可在某一块集中加满，也不要到处撒。
七、密也可以很美，前提是密得有系统
讲到这里，我要防止你走向另一个极端。
如果我一整章都在讲留白的好处，你很容易得出一个结论：好设计就是空的设计。这个结论是错的，而且是个很幼稚的错。
你去看看这些画面：
日本传统的纹样——青海波（那一层层像鱼鳞一样的半圆重复）、麻叶、七宝、龟甲。一整块布上密密麻麻全是图案，几乎没有一处空白。它们美不美？美得要命。
香港的老街招牌——一栋楼的立面上，十几块招牌竖着叠在一起，红底黄字、蓝底白字、霓虹灯管、中英文混排，一块压一块，密不透风。它乱不乱？从”留白”的标准看，它毫无留白可言。但它是世界上辨识度最高的街景之一，无数摄影师和电影导演为它着迷。
春节前的年货市场、夜市的灯牌、老城区的五金店门头、药房的橱窗——全都密。而且很多都挺好看。
“导师，你这不自相矛盾吗？前面说空产生力量，现在又说密也很好。”
不矛盾。因为它们成立的机制不一样，服务的目的也不一样。
留白型的设计，服务的是”聚焦”：我要让你看清一个东西，所以我把它周围清空。它的信息量是低的，它的目标是让你记住一个点。
密集型的设计，服务的是”氛围”：我不要你聚焦，我要你被包围。它的信息量是高的，它的目标是让你感受到一种状态——热闹、丰盛、市井、可挑选的余地很大。
这两种目标都是合理的。你去开一家主打”禅意”的茶馆，用空；你去开一家主打”品类齐全”的杂货铺，用密。你要是搞反了——茶馆里堆满商品，杂货铺里空空荡荡——那才是错的。
真正的问题不是”密还是空”，是你选的那一头，有没有做彻底。
密得有系统的三个条件
那些好看的密集画面，都满足这三个条件。你去拿这三个条件检验任何一张”密”的图，几乎立刻就能分出优劣。
条件一：单元小，且高度重复。
你看青海波，它的基本单元就是一个半圆，重复了几百次。你看港式招牌，密是密，但每一块招牌的”做法”是相似的：竖排、大字、强底色、边框。你看一个摆得好看的香料市场，几十个袋子颜色不同，但袋子的形状、堆叠的方式是一致的。
密集之所以成立，是因为大脑把它识别成了一个整体而不是几十个个体。重复就是让大脑”打包处理”的开关（第 15 章讲节奏与重复时说过，重复是秩序的来源，详见第 15 章）。
一旦单元不统一——有大有小、有圆有方、有横有竖、字体三种、颜色七种——大脑就打不了包，只能一个一个看，几十个元素各自为政，那就是乱，不是密。
条件二：有层级出口。
再密的画面，也得给眼睛一个能停下来的地方。青海波好看，是因为它往往只用在某一块区域（和服的一个角落、器物的边饰），旁边有大片素地。港式招牌好看，是因为每块招牌内部有自己的主次——店名最大，其次品类，再次电话。
密不等于平。 密是”元素多”，平是”没有主次”。密而平的图，眼睛进去之后找不到落点，会烦躁地滑出来——这就是你逛某些批发市场觉得累、逛宜家却觉得舒服的原因：两者东西都很多，后者每个区域都有明确的主角。
条件三：边界清楚。
密的区域，必须有一个明确的轮廓。
一整面墙的涂鸦，如果它的外轮廓是一个干净的矩形，它会像一张画；如果它的边缘破碎、颜色溢出、断断续续地蔓延到旁边的墙角，它就是脏。
香料摊的货堆，堆成一个整齐的圆锥形是好看的；同样的货散在一地是难看的。
密的区域要像一个”块”，不是一个”蔓延”。 块有边界，蔓延没有。这个边界，很多时候恰恰是靠一小圈空挤出来的——你看，留白又回来了。哪怕是极密的画面，它的四周往往还是留了边的，因为块需要边。
为什么你模仿的”密”总是变成”乱”
把这三个条件反过来，就是新手做密集风格翻车的三个原因：
一、他想密，但舍不得统一。他觉得”统一了会不会太单调”，于是每个元素都要有点不一样，结果密集感还没建立，多样性先把它打散了。密集风格里，多样性是奢侈品，你得先把统一做到位，才买得起一点点变化。
二、他密了，但没留出口。画面铺满之后主信息也淹没了，读者看到的不是”氛围”，是”找不到重点”。
三、他密了，但没边界。元素顶着边排，或者稀稀拉拉蔓延到边缘之外。这在 PPT 里最常见：一页塞了八个要点，每个都在往边缘挤，最后没有一个元素是完整的。
所以，如果你的画面注定要密，那就密到底：统一单元、造一个明确的主角、把密区收成一个干净的块、给这个块留一圈干净的边。做到这四点，密可以是高级的。做不到，密就只是拥挤。
八、跨场景：怎么在不同地方看留白
我把这套东西放到五个完全不同的场景里，你感受一下它的通用性。每个场景我都会具体说画面里有什么、空在哪。
场景一：一张独立咖啡店的手冲菜单
画面是这样的：一张 A5 大小的竖版卡纸，米白色，纸纹明显。
最上方，距纸顶大约五分之一处，一行小字写着店名，字号很小，字距拉得很开，颜色是深灰不是纯黑。
店名下方是一大片空。这片空占了整张卡的三分之一还多，什么都没有。
然后才是”手冲单品”四个字，字号比店名大一些，黑色，顶天立地地放在左侧，左对齐，左边距和店名的左边距严格对齐。
再往下，是六个豆子的名字，分两列排，每个豆子名后面跟着产地和处理法，用小一号的灰字。行与行之间很紧，几乎连成一片；但豆子与豆子之间，各留了一段明显的空。
最后一列的最右边，是价格，全部右对齐，右侧留出一条贯穿的竖直空白带。
最下面，紧贴页边距，一行更小的字：今日烘培日期。
现在你问：这张卡片的空在哪，在干什么？
- 店名下面那三分之一的大空：这是强调用的。它把”手冲单品”往下推，让这四个字成为被众星捧月的那一个。同时它也在分隔——把”品牌区”和”内容区”隔开。
- 左侧那条从店名贯穿到页脚的竖直边距：这是框。它让所有左对齐的元素有了一条统一的基准线。
- 右侧价格旁那条竖带：这是呼吸，也是分组——它让价格这一列独立成一个块。
- 豆子名字行间的紧、豆子之间的松：这是亲密性。紧的是同一个豆子的信息，松的是不同豆子。
- 每个豆子名后面那一小段空：这是分隔，代替了引导线（dot leader）。一张好菜单不需要点线，靠距离就够了。
你要是把这张卡片改成”每个元素周围平均留空、加边框、加底色”，它就立刻变成街边快餐店的菜单。同样的内容，同样的纸，差别全在空的分配。
场景二：一个手机 App 的首页
打开一个记账 App 的首页，从上往下看：
顶部状态栏下面，一行”本月支出”，字号不大；紧接着是一个巨大的数字，比如 3,847.50，字号是上面那行的四五倍。
这个大数字下方，是一大片空——大概有这个数字高度的一半。
然后才开始出现本月支出的分类列表：餐饮、交通、购物……每一项高度一致，图标在左，金额在右，中间用一条极细的分隔线分开（这里是该用线的，因为列表项多、空间紧）。
列表项之间几乎没有空，项与项靠得很紧；但列表项和顶部那个大数字之间，那片空大得有点”浪费”。
屏幕最底部是标签栏，上方有一道明显的空，把内容区和标签栏隔开。
左右两侧，所有内容都往内收了同样的距离，屏幕左右各留了一条等宽的竖直空白带。
现在分析：
- 大数字下方那片空，是强调——它是这个 App 里最该被看到的信息，所以它独占了最大的领地。如果这里紧接着就是列表，那个大数字会被淹没在一堆条目里，用户第一眼看不出本月花了多少。
- 列表项之间紧、列表整体与上方松，这是亲密性在起作用：紧的是”同类的条目”，松的是”不同层级的信息”。
- 左右那两条等宽的竖带是页边距，它的作用是给屏幕内容一个”框”，让手指滑动时眼睛有参照。很多 App 把内容顶到屏幕边缘，滑起来会觉得”内容在往外跑”。
- 标签栏上方那道空，是分隔。它代替了一条线。你注意看：好的 App 往往不用线分隔内容区和标签栏，只用一道空加一点阴影；用一条硬线的，多半是几年前的旧设计。
“那为什么列表里面用线，列表和外面的大数字之间不用线？”
因为列表内部空间紧张，靠距离分组的代价太大——二十个条目之间都拉开一段空，一屏就放不下几条了。而大数字和列表之间只有一处，代价小，用空更优雅。空间宽裕处用空，空间紧张处用线，这条在实际界面里天天都要取舍。
场景三：一页技术分享的 PPT
这个场景跟你的工作最近。
典型的一页”烂 PPT”是这样的：一页 16:9，标题占顶部，下面塞了四段文字，每段四行，字号 18，段与段之间空一行。四角分别放着：公司 logo、页码、日期、演讲人名字。页面四周留了不到 1 厘米的白边。右下角还压着一个水印。
问题在哪？
四个问题：其一，四段文字之间只差一个空行，距离几乎相等，亲密性失效，读者分不清是并列的四点还是一整段被截断。其二，四个角落的元素紧贴角落，与纸边夹着那道 3 毫米窄缝，是被动留白的典型特征。其三，四周 1 厘米白边比内容自身的间距还小，画面看起来”要溢出来”了。其四，没有一个元素是孤立的，四段文字平均分配注意力，标题也不够强。
改造方案，不动内容，只动空：
- 页边距加到内容宽度的十分之一左右，四个角落的元素跟着往里收（它们应该对齐到内容边界，不是对齐到纸边）。
- 四段文字之间，间距拉大到行距的两到三倍，同时把它们整体往左收，把右侧留出一条完整的空白带——那条带可以放一张简单的示意图，也可以就那么空着。
- 如果这四点里有一个是重点，把它单独提出来，字号加大，周围给它一圈明显的空，其余三点缩成更短的文字，密度对比就出来了。
- 标题下方留出一段明显的空，把标题和内容区隔开，让标题”拥有”上面那条边。
- 四个角落的元素，能删的删。页码和日期可以合并成一行放在底部，logo 缩小放到右下角，演讲人名字其实在第一页和最后一页出现就够了。
这一套下来，你一个字都没删，也没加任何装饰，只改了空的位置和大小。整页观感会变一个档次。这就是为什么我说亲密性和留白是最划算的一招——它不增加复杂度。
场景四：一间客厅
留白不是纸面上的事，物理空间里一模一样。
你去一个朋友的出租屋，一进门感觉”挤”，但又说不清挤在哪，因为东西其实不算多。
用亲密性的眼睛看一遍：沙发、茶几、电视柜、书架、落地灯、绿植、快递箱、瑜伽垫。问题往往是这八样东西两两之间的距离差不多——沙发离茶几 40 厘米，茶几离电视柜 50 厘米，绿植孤零零地插在沙发和书架中间，离两边都是 30 厘米。没有任何两样东西是”明确地在一起”的，所以你的眼睛找不到结构，只能一样一样地看，看到第八样就累了。
好的客厅长什么样？沙发 + 茶几 + 地毯 + 落地灯，这四样被紧紧地拢在一起，形成一个明确的”会客岛”。岛的周围，是一圈明显更大的空。岛的外面，才轮到书架、边柜这些”另一个组”的东西。
同一个房间，同样的家具，把四样东西往中间拢一拢，其余的靠墙推一推，中间空出一块完整的地面——房间立刻就”大”了。
你的房间显小，不是因为东西多，是因为没有一个完整的空。 空不完整，就等于没有空——这句话在纸面上同样成立。
场景五：一张电影海报 vs 一张展览海报
最后对比两种极端，让你看到”留白作为一种策略选择”。
一张悬疑片的主海报：深蓝近黑的底，画面下方三分之一处是一个人的侧脸剪影，只有轮廓，没有细节，剪影的下半部分融进黑色里。上方三分之二几乎全黑，只有正中央偏上，一行白色的片名，字号中等。片名下方，一行更小更淡的白色英文。再往下，最底部，一行几乎看不清的演职员信息。
这张海报的留白（留黑）占了画面的七成以上。它在干什么？它在制造孤立——那个侧脸和那行片名是画面上仅有的两个可读信息，它们各自被大片空包围，于是每一个都极重。它还在制造情绪——空旷的黑本身就传递了”孤独""未知""危险”的意味。这里的空是有内容的，它承载了一部分叙事。
一张独立书店的展览海报：米黄底，上面密密麻麻排了三十个书的名字，字号全部一样大，全部左对齐，行距略大于字号，形成一个紧密的文字方阵。方阵的四周留出完整的、等宽的米黄边。方阵顶部一行：本周新到。
这张海报几乎不留白。它成立吗？成立。因为它满足了密集的三个条件：单元高度统一（同样字号、同样对齐、同样行距）、有边界（方阵的外轮廓是一个干净的矩形，四周有完整的边）、有出口（顶部那一行小字，把方阵”压住”了，给了眼睛一个起点）。
两种极端都能成立。它们中间那条路——既不敢空到底，又没能密成系统，半密不空、元素散落——才是绝大多数烂作品的所在地。
心法
这一章我想给你的心法，是一句话：你能删掉什么，决定了你的作品有多强。
我先说清楚为什么是”删”，不是”加”。
加法是本能，是默认值。你拿到一个需求，想到的是”我该放点什么”。你觉得画面不够好，第一反应是”再加点东西”。你的甲方、你的老板，全都在推你往加的方向走。整个环境都在给加法提供动力，没有人会奖励你删东西——没人会为”你删掉的那个东西”付钱。
所以加法不需要学。你要学的是那条逆着本能走的路。
删除有三个层次，大多数人只做到了第一层
第一层：删元素。 把这个图标删掉，把那行字删掉，把边框删掉。这是最容易的一层，也是大部分人理解的”减法”。做到这一层已经能解决一半的问题——你的画面上有很多东西是”因为当时觉得需要”而加进去的，事后从来没人检查过它是否真的需要。
第二层：删属性。 元素还在，但它的某个属性被拿掉了。把这个标题的粗体去掉，把这三个色块统一成一种颜色，把这段文字的三种字号压成两种，把四个装饰元素合并成一个。
这一层比第一层难，因为它需要你判断”哪个属性是多余的”。判断标准其实很朴素：如果两个元素在竞争同一种注意力，那就把其中一个的竞争力降下来。 三个元素都在用红色，那就只有一个该是红的；两个元素都很大，那就只有一个该是大的。属性上的减法，本质上是取消内部竞争。
第三层：删”保险”。 这是最难的一层，也是区分高手和熟手的地方。
你的作品里有一部分东西，不是因为需要才加的，是因为怕才加的：怕读者看不懂所以加说明，怕不够醒目所以加描边，怕太空所以加装饰，怕甲方说不够所以多放两个卖点。
这些东西的共同特征是：删掉它，谁都不会痛。
每次定稿之前，把每个元素挨个拿出来问一句：“如果它不在，谁会损失什么？“如果答案是”好像没人会损失，只是我自己不放心”，那它就不该在这张图上。
设计里绝大部分冗余，来自设计师的安全感需求，而不是读者的需求。这个结论有点扎心，但你诚实回忆一下自己做的每一张图，就知道我说得没错。
一个可以天天用的检验法
我给你一句话，你可以把它贴在显示器上：
“如果一个元素不能证明自己的必要性，它就是有罪的。”
这句话的厉害之处在于它把举证责任倒置了。默认情况是”加一个东西需要理由，留着不需要理由”——只要它已经在那儿，它就自动存在下去。这句话说的是反过来：留着也需要理由。
所以做减法时，别从”哪些该删”想，从”每一个凭什么留下”想。一张看起来挺正常的图，走一遍这个检验，能砍掉三分之一。
删的上限在哪
我得给这个心法加一个刹车，不然你会把它理解成”越少越好”——那就成了另一种教条。
减法的目的是让剩下的更强，不是让总量更少。这两者有交集，但不是一回事。
删过头长什么样？你把画面减到只剩一个标题和一行字，干净是干净了，但读者得不到任何有用的信息。这时候的”极简”不是克制，是偷懒的遮羞布——你没想清楚该表达什么，所以用”留白”这个名字把它掩盖过去。
判断有没有删过头，有一个很实用的问题：如果一个完全不懂这个领域的人看完你的图，他能复述出你想说的事吗？ 如果他能，你的减法到位了。如果他只能说”挺好看的，不知道在说什么”，那你删掉的不是冗余，是信息。
还有一种删过头，是删掉了冗余度。人理解信息需要冗余——同样的意思用两种方式表达，读者才记得住。一个图标配一个文字标签，你觉得文字冗余，删掉之后图标的含义就只能靠读者猜了。保留必要的冗余，不是啰嗦，是鲁棒性。
所以完整的说法是：删掉所有不能证明必要性的东西，保留所有能证明的东西——哪怕它看起来”多余”。
最后一层：你删掉的东西，其实还在
这一节的结尾，我想说一个可能有点绕但很重要的观点。
你在画面上删掉一个东西，它不是消失了，它是变成了空。
而空，正如这一章通篇在讲的，是一个有形状、有边界、有功能的元素。它继续在工作——它在分隔、在强调、在给眼睛喘气。
你删掉一个多余的图标，得到的不只是”少了一个图标”，你还得到了那块空，而那块空会加入旁边那块空，让那块空变成一个更大、更完整的形状，从而让某个该被强调的元素更孤立。
减法在画面上产生的效果，是加法产生不了的一半——它同时改变了”有”的部分和”无”的部分。 你加一个东西，只改变了有；你删一个东西，同时改变了有和无。这就是为什么减法的杠杆比加法大。
你写 Go，知道删代码是最爽的事——一个函数删掉三百行，功能一点没少，还少了一堆分支要测。删代码和删元素，是同一种快感的同一个来源：你不是在减少，你是在提高信噪比。
作品的强度不取决于你堆了多少，取决于你在同样的信息量下，能把噪声压到多低。而压噪声唯一的办法，就是有本事认出哪些东西是噪声。
你能删掉什么，取决于你能不能看见它。所以归根到底，这一章讲的还是第 01 章那件事：你真的看见了吗。
小结
这一章我们从那个”太空了—太满了—还是有点空”的死循环开始，绕了一圈，我希望你带走的是这几条：
一、留白不是没放东西的地方，是一个有形状、有边界、有功能的元素。 第 04 章讲过”底也是形状”（详见第 04 章），这一章把它推进到了实用层：底不仅能被看见，还能被使用。给空白描个边，看它是不是完整、说得清的形状——这是你手边最便宜的诊断工具。
二、空在干三种活：分隔、强调、呼吸。 分隔靠格式塔接近律，比加线优雅但有空间前提；强调靠孤立，而孤立是稀缺资源，只能给一个；呼吸靠降低信息密度，该留在信息块的边界和视线的跳点上。三种活对应三种尺寸标准，混着用就乱。
三、空间即等级。 元素之间的距离宣告归属关系，元素周围的空间总量宣告重要性。亲密性是所有分组手段里最便宜、最隐性、也最容易被忽略的一个——它不加任何东西，只是移动已有的东西。
四、主动留白与被动留白的区别在顺序：先定空还是后剩空。被动留白的三个特征是破碎、不均得没规律、贴边成窄缝。
五、面对”填满”的要求，用密度对比回应，不要用均匀填充妥协。 充实感来自密度差，不来自总量。在一处制造极密，其余保持极空，中间不留半密不空的过渡。
六、留白不是唯一解。 极密是同样成立的美学，前提是密得有系统：单元统一且重复、有层级出口、密的区域有清楚的边界。
你带走的一句话：空不是缺少东西，空是一种材料。你能删掉什么，决定了你的作品有多强；而你删掉的东西不会消失，它们会变成空，继续在画面上工作。
模块三到这里就结束了。点线面、张力与平衡、对比、节奏与变异，加上留白，这五章给你的是一套”在平面上组织元素”的完整语法。下一模块进入版式，第一件事就是给这套语法找一个骨架：网格。
【思考题】
-
回想一次你被要求”加点东西”的经历。对方说的”空”，具体是指画面的哪个位置？那个位置如果真的加满了，会不会反而让某个更重要的东西变弱？请说出那个”更重要的东西”是什么。
-
找一个你身边”密而乱”的真实画面（你家楼下的小店门头、一张传单、一个网页的侧边栏、你家冰箱贴满的那面）。用它对照”密得有系统”的三个条件（单元统一且重复、有层级出口、边界清楚），说出它违反了哪一条，以及违反的具体表现。
-
亲密性说”靠得近就是有关系”。但现实中有一种情况：两个元素靠得很近，却并没有关系，比如文字压在图片边缘上、图标紧贴着不属于它的那段文字。你觉得这种情况是怎么发生的？它跟”亲密性”这条原则矛盾吗？
-
有人说：“留白是有钱人的美学。奢侈品才敢空，小商小贩必须把信息塞满，因为他们要活下去。“你觉得这个说法有多少道理？如果它有一定道理，那”空”到底在传递什么信号？
-
拿一张你自己做过的图，做这个实验：把每个元素挨个遮住一次，每遮一个就问”少了它，谁会痛”。走完全程之后，列出你可以删掉的清单，并说明你当初为什么把它们加进去。
-
观察你家或者办公室里”你每天都要看但从来没注意”的一个角落（玄关、茶几、电脑桌面、厨房台面）。用这一章的”被动留白三特征”去描述它。然后做一件事：只移动东西，不扔任何东西，看能不能造出一块完整的空。
【参考答案】
-
这道题我想让你意识到的第一件事是：“太空了”这个判断，几乎总是指向画面里最大的那块连续空白。 而那块最大的空白，通常正是画面最重要的功能区域——它多半是为了孤立主标题或者主视觉而存在的。
所以当你把那块空填上，受害的不是”画面”，是一个具体的东西：主标题的孤立性。原本它周围有一圈独占的领地，读者一眼就能锁定它；加了东西，它的领地被侵占，从”唯一的焦点”变成”几个元素中的一个”。
这里有个很反直觉的现象：甲方要求加东西，往往是因为主信息不够醒目；而你加东西的动作，恰恰会进一步削弱主信息的醒目程度。 他的诉求是真的，但他的处方是反的。
正确的回应不是拒绝加，是把他的诉求翻译成正确的处方：可以加，但加在别处（制造密度对比），同时保住主信息周围的那块空。
如果你能说出”这块空是为了保住主标题的孤立性，加了东西之后主标题会掉一个等级”，你就把一个审美争论变成了技术判断。技术判断可以讨论，审美争论不能。
-
绝大多数”密而乱”的画面，违反的是条件一：单元不统一。
你去仔细看一个小店门头：店名用了一种字体，电话用了另一种，营业时间用了第三种；有的字加了描边，有的没加；颜色上有红有黄有蓝还有个荧光绿；有的横排有的竖排；元素的大小也毫无关系。
这不是”密”，这是”杂”。密的前提是大量相似单元的堆叠，而杂是大量不同单元的堆叠。大脑处理前者只用一个模式（打包），处理后者要逐个识别，所以前者看起来是有秩序的丰富，后者看起来是失控。
次常见的违反是条件二：没有层级出口。比如一张传单上二十条信息字号全一样大，你的眼睛进去之后没有任何一个点可以停，只能从头扫到尾，扫完什么也没记住。
条件三（边界清楚）被违反的情况往往是：元素顶着边缘排，或者内容断断续续地蔓延。你在冰箱门上看到的就是这个——磁贴和便签散布在整个门面上，边缘参差，没有一块完整的空把它们”框”起来。
有用的地方在于：这三个条件是可以直接执行的检查清单。 你下次做密集风格，做完就对着这三条打勾，缺哪条补哪条，比凭感觉调快得多。
-
不矛盾，但它揭示了一个重要前提：亲密性生效的条件是”距离的差异”，不是”距离的绝对值”。
如果两个元素靠得很近，但它们之间的距离和它们各自到其他元素的距离差不多，那亲密性就没有生效——它只是”挤在一起”，不是”成组”。真正让大脑分组的，是”这一对之间的距离明显小于它们到别的元素的距离”。
所以”文字压在图片边缘上”这种问题，本质不是”太近了”，而是距离的层次没有拉开：文字到图片是 2，文字到它真正该归属的标题是 3，图片到它旁边的元素是 2.5。三个数字挤在一起，大脑分不出组。
解决这类问题的正确动作不是”把文字挪远一点”，而是同时调整：把文字挪到离它该归属的标题 1 的地方，同时让它离图片 6。距离本身不是问题，距离的比值才是。
顺带一句，这也解释了为什么”平均分布”是版式大忌：所有距离相等，意味着亲密性在所有地方都失效。一个元素和谁都差不多远，等于它和谁都没有关系。
-
这个说法有相当的道理，而且它说中了”空”的一个真实功能：空是一种成本信号。
空的代价是”可用的展示面积没被利用”。一个愿意付出这个代价的人，等于在说”我不急着把话说完""我不担心你错过信息""我有余裕”。这种余裕本身就是一种身份表达。所以奢侈品用空，因为它要传递的就是”我不需要求着你”。
反过来说，小商小贩的空间是真的稀缺——他的门头就那么大，房租按面积算，顾客路过只有两秒，信息不塞满就是浪费。他用密，不是因为他不懂空的美，是因为他的约束条件不同。
但要注意两个限定：
第一，空传递的”贵”是一种文化约定，不是物理定律。 它在当代的、受现代主义设计影响的语境里成立，在另一些时期和地域里（比如十九世纪的维多利亚装饰风格，或者前面说的港式招牌）恰恰相反——繁复才是富足的表达。第 31 章讲风格史的时候会把这条线索拉长来看。
第二，这个说法不能用来给烂设计开脱。 很多小商贩的密，不是”为了活下去的策略性密集”，而是”因为不会排版所以塞满”。两者的区别，就是前面那三个条件：策略性密集满足单元统一、有出口、有边界；不会排版造成的密集三条全违反。你不能拿”我要活下去”当挡箭牌，把混乱说成风格。
-
这道题的价值在于后半问：“你当初为什么把它加进去”。
如果你诚实地回答，你会发现加东西的动机通常只有五类：
- 需求方明确要求的（这一类删不掉，但可以质疑）；
- 你看到别人这么做的（模仿，没有理由）；
- 你觉得”这里好像缺点什么”（填补不安全感）；
- 你希望画面更丰富（把”丰富”误当成目标）；
- 它真的承担了一个功能（分隔、强调、说明、引导）。
只有最后一类是”能证明必要性的”。前四类都经不起”谁会痛”这一问。
而且你会发现一个规律：第五类的元素，你在遮住它之后会立刻感觉到画面少了一块；前四类的元素，遮住之后画面常常更好了。 这个”更好了”本身就是最强的证据。养成习惯，定稿前走一遍，五分钟能挡掉三成冗余。
-
这道题我想让你体会的是：“被动留白”不是设计的专利，它是物理世界的默认状态。
你去看任何一个没人管的角落——玄关的鞋柜顶、茶几的台面、厨房的台面、电脑桌面——它们的空几乎必然符合那三个特征：形状破碎（东西之间的空隙是歪的、被切割的）、不均得没有规律（这个空隙 5 厘米，那个 12 厘米，纯属随手放的结果）、贴边（东西顶着边放，边缘夹出一条窄缝）。
为什么？因为没有人”决定”过这些空。它们是物体落位之后剩下的，和被动留白的成因完全一样。
然后你做那个实验：只移动，不扔。你会发现，把东西往中间拢、或者往一边推，让出一整块连续的空，这个角落立刻就”清爽”了——东西一样多。
这个感受非常重要，因为它是”减法不靠扔、靠重组”的直觉来源。你把它迁移回纸面：很多版面不需要删内容，只需要把元素重新归置，让本来破碎的五块空合并成一块完整的空。你的目标不是一个空画面，是一个空得完整的画面。
【动手练习】
-
给空白描边：诊断三张图
找三张图：一张你觉得好的（海报、画册页、网页截图都行）、一张你觉得差的、一张你自己做的。
对每一张，做这件事：在脑子里（或者拿半透明纸描、用画笔涂）把所有”没有内容的区域”用一种颜色涂满，只看这些色块的形状。然后回答：
- 这张图上有几块独立的空白？
- 最大的那块是什么形状？能用一句话说清吗？
- 有没有贴边的窄缝？有几条？
- 空白之间有没有”差不多大”的情况（说明密度是平均的，没有对比）？
自评标准：三张图做完对比，你应该能看到明显的规律——好的那张，空白数量少、形状完整、最大的那块明显大于其他所有块；差的那张，空白数量多、形状破碎、大小接近。如果你做完发现三张图的空白特征差不多，说明你描得不够彻底，回去把元素内部的小空隙（比如图标和它旁边文字之间）也算进去再看一遍。
-
只改距离，不改内容：亲密性重构
拿一页你做过的 PPT，或者一份你排过的文档、一张你做过的图。
规则：不许增删任何一个元素，不许改字号、颜色、字体。只允许移动位置。 目标是让画面里的分组关系变清楚。
具体步骤：
- 先列出所有元素，给每个元素写下”它属于谁”
- 找出所有”不知道属于谁”或者”同时可能属于两个”的元素
- 把这些元素挪到离它真正归属的对象更近的地方，同时离不该归属的对象更远
- 检查：每一组的组内距离，是否明显小于组间距离
自评标准：把改完的图给一个没看过原图的人，让他指出”哪几个是一组”。指对八成以上，你做对了。如果指得一塌糊涂，说明组间距离还不够大——新手的问题通常不是组内有缝，而是组间拉得不够开。再狠一点：把组间距离翻倍试试。
-
密度对比实验：同一内容，三个密度
选一段固定的内容（比如一场活动的信息：主题、时间、地点、主讲人、报名方式、一段 50 字介绍、一个二维码）。
做三个版本，内容一字不差：
- 版本 A（极简）：只保留最必要的信息，其余全部删掉。留白占画面一半以上。
- 版本 B（密度对比）：信息全保留，但把次要信息收拢到一个小字号的密集文字块里，主信息和这个密集块之间保持大片空白。
- 版本 C（极密）：全部信息密集排布，单元高度统一（同一字号、同一对齐、同一行距），把密的区域收成一个干净的矩形，四周留出完整的边。
自评标准：把三版并排放在一起看。合格的作业应该满足：三版都成立，但气质完全不同——A 是高级但信息少，B 是信息全且不吵，C 是有氛围但主次弱。如果 A 看起来像”没做完”、B 看起来还是乱、C 看起来像垃圾堆，说明对应的问题分别是：A 的孤立给错了对象（你孤立的不是最重要的信息）、B 的密集块没收拢（还是散的）、C 违反了密集三条件（回去对照检查）。这一题做完，你对”什么时候该空、什么时候可以密”会有一个手感上的认识，比读十遍道理管用。
【阶段项目】
项目：减法重构——把一张”满而乱”的图，改到不能改为止
这是模块三的收尾项目。前面五章（点线面、张力与平衡、对比、节奏与变异、留白）给你的所有工具，在这个项目里会同时用到。
时间：2 到 5 小时（建议分两天做，中间隔一晚，第二天用新鲜的眼睛再看一遍）
第一步：选一张图（20 分钟）
找一张你认为”满而乱”的真实画面。三个来源任选：
- 你在网上找的一张公认难看的海报 / 传单 / 电商详情页（截图保存）
- 你自己过去做的一张图（这个项目很有价值：你能看到自己当初的病）
- 你身边拍的一张照片（小店门头、公告栏、电梯广告）
选的时候有一条要求：它必须信息真实、内容完整，不能是你瞎编的空壳。因为减法的核心是取舍，没有真实内容就没有取舍。
第二步：拆解与诊断（40 分钟）
不要急着动手改。先写一份不超过一页的诊断，回答这些问题：
- 这张图上有哪些元素？列全（包括装饰、边框、线条、色块）
- 这些元素里，哪些在承担功能，哪些不承担？（用”遮住它谁会痛”检验）
- 画面里有几块空白？最大的一块是什么形状？是不是完整的？
- 有没有元素”不知道属于谁”？（亲密性失效清单）
- 它想强调什么？实际上的视觉重心在哪？两者一致吗？
- 它属于”密而乱”还是”该空却满”？如果是密，对照密集三条件，缺哪条？
这份诊断是项目里最重要的交付物之一——它证明你不是靠手感在改，是靠判断在改。
第三步：做两个版本（各 60 到 90 分钟）
版本 A：极简版
规则：只保留你认为”删掉会痛”的元素。其余全部删除或者合并。
硬约束：
- 留白（含所有不含内容的区域）必须占画面面积的 50% 以上
- 只能有一个被孤立的元素（其余元素必须成组，不许各自为政）
- 颜色不超过两种（不含黑白灰）
- 字号层级不超过三级
版本 B：极密版
规则：所有原始信息一个字都不许删。
硬约束：
- 单元必须统一：同一层级的信息用同一字号、同一对齐方式、同一行距
- 必须有一个明确的视觉出口（一个明显强于其他元素的焦点）
- 密的区域必须收成一个干净的几何块（矩形或圆形），块的四周留出完整等宽的边
- 允许使用重复的小图形或纹理来制造密度，但单元必须一致
两个版本之间，内容一致（版本 A 允许删信息，这是它唯一的特权），风格极端相反。做这两个版本的目的，就是让你亲手体会：两种极端都成立，都不容易，而中间的妥协最没价值。
第四步：写一份 500 字以内的说明（30 分钟）
对每一个版本，说清楚：
- 你删了什么 / 留了什么，为什么
- 画面里最大的那块空在哪，它在干什么（分隔、强调、还是呼吸）
- 这个版本牺牲了什么（极简版牺牲了信息量，极密版牺牲了什么？）
“牺牲了什么”这一问是必答。只说好处不说代价的说明，都是没想清楚的。
交付物清单
- 原图（或原图截图）
- 一页诊断报告
- 版本 A：极简版
- 版本 B：极密版
- 500 字以内的说明（含两版各自的代价）
评分维度（每项 20 分，共 100 分）
一、诊断的准确性（20 分） 诊断报告里指出的问题，是否真的存在于原图上？能不能被第三方验证？合格线是：至少指出五处具体问题，每一处都是可观察的形式事实（“标题下方留白 60、上方 12，导致标题归属不清”），而不是主观评价（“看起来很乱”）。
二、减法的彻底性（20 分） 版本 A 是不是真的删到位了？检验方法：把版本 A 里每个元素再问一遍”删掉它谁会痛”。如果还有两个以上元素答不上来，说明删得不彻底。同时看反面：有没有删过头导致信息缺失？合格的版本 A 应该能让人一眼说出”这是在说什么”。
三、空的完整性（20 分） 两个版本的空白是否都是完整的形状？给空白描边，数一数：碎片状的空白有几块（应该很少）、贴边的窄缝有几条（应该没有）、最大的那块空是否明显大于其他块（应该有 3 倍以上的差距）。这一项直接对应本章的核心。
四、极端的一致性（20 分） 版本 A 是不是真的极简（留白过半、只有一个孤立元素、颜色不过两种、层级不过三级）？版本 B 是不是真的密成了系统（单元统一、有出口、有边界）？常见扣分点：版本 A 偷偷留了四个孤立元素；版本 B 只是把东西塞满但单元五花八门——这些都是”没做彻底”，是这一项的重点扣分处。
五、说明的诚实度（20 分） 说明里有没有明确写出每一版牺牲了什么？有没有说清最大的那块空在干什么？如果有”这样更好看”这类无理由的判断，扣分。如果你能写出一句”版本 B 牺牲了主次的清晰度，换来的是丰盛感，适合用在××场景”，这一项就是满分。
一个提醒
这个项目最难的环节不是做，是忍住不做中间版本。做版本 A 时你会想”这里加个小图标会不会好点”；做版本 B 时你会想”这个是不是该留点空”。这些念头都是本能想把你拉回中间地带。
忍住。这两个版本的价值恰恰在于不妥协。做完把两版并排放在一起，你会第一次真正理解：设计不是选”好看的那个”，是选”愿意付哪种代价”。 这句话第 01 章的心法里说过，现在轮到你自己体会。