我为什么不再用圆角卡片了

有很长一段时间，我做界面时几乎是条件反射式地画卡片：圆角 12px、1px 浅边框、内边距 20px。

直到有天我数了一下一个页面上有多少张卡片——十一个。

卡片在解决什么问题

卡片的原始目的是分组：把相关的东西框在一起，让读者知道它们是一伙的。

但这个目的有更轻的解法。同一时间、同一主题的内容，本来就通过位置和间距被分在一组了。再加一个框，是把已经说清楚的事情又说了一遍。

我做的实验

我把一个页面的十一张卡片全删掉，只保留内容本身和对齐关系。然后拿给三个人看，问他们「这几块内容是怎么分的」。

三个人都说对了。一个都没提「感觉散了」。

那什么时候还需要卡片

不是说卡片没用。我现在的判断标准是：只有当边界本身携带信息时才需要边框。

• 可点击的整块目标 → 需要。（用户要能看出点哪里）
• 内容之间没有天然的分组关系 → 需要。（比如搜索结果，彼此无关）
• 纯展示、已经通过位置分组 → 不需要。

按这个标准，我那十一张卡片里只有两张是必要的，它们都是可点击的项目入口。

顺带的连锁反应

删掉卡片之后，我发现三件事跟着变了：

1. 间距变得更精确。 以前靠卡片兜住，间距差点也看不出来；现在没有兜底，每一处间距都得说得出理由。
2. 信息密度自然下降。 卡片的内边距是一种「伪留白」，它撑开了空间但没有组织空间。
3. 页面变快了。 少了九个容器、九组边框和一堆重绘。

最后留下的那两张卡片，我把圆角从 12px 改成了 16px，因为当页面上只剩两个容器时，它们看起来更像「东西」而不是「色块」。这也是这一版设计里唯一一处我主动调大的半径。