如果你曾把 UI 当作一盘拼图，最近我发现『近似法则』其实就是拼图的拼块规则。它告诉我们：靠得越近的元素，用户往往会把它们视为同一组。对产品经理来说，这意味着距离本身就是一张暗示『功能同属』的标签。
在 Gestalt 视觉心理学里，近似（Proximity）与相似、连续、闭合四大法则齐名，早已在工业设计中被使用。正如 Norman 在《日常事物的设计》一书里指出，用户在无意识中会把视觉上邻近的项目归为一类，从而快速理解信息结构。
这条法则与我们日常的心智模型不谋而合：当我们在脑中构建『功能模块』时，往往先看谁离谁近，谁在同一视觉聚点。若把所有按钮塞在一起，用户的脑袋会开始发愁——那不就跟把三碗面条乱塞进一个碗里一样？

说到实践，我最爱讲的例子是 Slack 的消息界面。
在聊天列表中，发件人、时间戳和内容被拆开成三行，但同一条消息的这些元素都在细微的垂直距离内。用户在一眼就能把『谁说的、何时说的、说了什么』三者关联起来，整个对话的上下文立刻『闭合』在一起。
如果把时间戳放在消息底部的两倍距离外，或者把用户头像和文本分隔得像桌面文件夹一样大，用户的注意力会被打乱，完成一条回复的时间平均增长 17%[1]。这就是距离在 UI 里扮演的『隐形信号』角色。

在 Airbnb 的预订流程里，距离同样起到关键作用。
当用户浏览酒店列表时，房型、价格、评分这三项信息被压缩在同一水平行里，紧邻的星级评分会让『好房』快速聚焦。若把评分与价格隔得太远，用户会先把价格记住，再回头看星级，导致转化率下降 12%[2]。这说明即便是看似不相关的属性，也会因为靠近而被同视为『一组』——这正是『近似法则』的力量。

如果你想在自己的产品里运用『近似法则』，先做两件事：
① 用网格布局把功能点分组，保持每个组内元素的垂直或水平距离不超过 1.5 倍字体高度。
② 对关键操作加上微妙的空间差距，像按钮与文本之间留 10px 的空隙，让『功能同属』在视觉上自然而然出现。
别忘了颜色与对比度的配合——同组的元素可以共享轻微的色相，而跨组的元素则使用对比强度更高的色调，以强化『聚合/分散』的心理边界。

在我看来，『近似法则』不只是让界面『看起来』整齐，它实际上是让用户脑子里自动搭起『功能模型』的快捷方式。
你是否曾因为『按钮乱七八糟』导致漏单？不妨先检查一下这些按钮之间的距离。
如果你能把距离当成一条隐形的『功能标线』，那你的 UI 设计就会像一条有节奏的走廊，用户在其中走来走去时自然知道该停在哪。你准备好用距离来解锁下一轮的功能关系了吗？