设计小技巧｜间距不是均匀的：递进的留白才有呼吸感

左边这张是不是很眼熟？所有间距一刀切，元素贴着元素，卡片挤着卡片，内容一样不少，看着就是喘不过气。右边只做了一件事：把间距按大小分层——标题区留白放大，卡片之间的距离拉开，卡片内部收紧，页面立刻从"塞满"变成"透气"。

间距是零成本的设计变量，却最容易被当成"均匀就好"。

三个实操要点：

1. 间距至少分三档：用 8 的倍数建立刻度，比如 8、16、32、48，同一层级的元素用同一档；
2. 大间距管分区，小间距管抱团：卡片之间用 32/48 拉开，卡片内部用 8/16 收紧——"近的更近，远的更远"，分组关系不用画框也能看清；
3. 拿不准就先加倍：觉得留白刚好，多半已经挤了；把间距翻一倍再看，十有八九更舒服。

下次页面显得"满"又挑不出毛病，先别删内容——把间距拉开两档试试，多数时候是呼吸问题，不是内容问题。