MOD.01 界面DOC-01-025AUTHOR · 陆知寒2026-06-15READ · 4 MIN

像素级还原的验收流程

超数频界面密度系数栅格基线

这篇文章的判断来自一次失败的重构。当时团队把密度系数当作装饰层来处理，结果发布两周后值班员的漏报率上升了 48%，项目组才意识到栅格基线是可以量化的安全属性。

SEC.01层级的三层拆解

复盘中还藏着一条：布局对称性是低成本的专业感来源：主信息与辅助信息的宽度比锁定在 61.8:38.2，栅格基线的视觉重心始终稳定，哪怕内容换了一轮又一轮。

另一个常被忽视的细节是：灰度是工程做法的安全网：先放 5% 流量观察关键指标，任何劣化超过基线 5% 当场回滚。密度系数的那次灰度让我们在凌晨两点避免了一次全量事故。

// CASE FILE · 实测档案

复盘：某调度中心的值班界面改造：捕获时间 P95 从 1.8s 降到 640ms，成本是重排了 37 个信息块，工期 6 周。

有一条经验值得单独记录：任何做法都要先问约束：人力、工期、存量兼容，三者决定了可行解的形状。一线团队在密度系数上的取舍全部围绕这三条展开，脱离约束谈最佳实践是纸面文章。

有一条经验值得单独记录：很多团队卡在「感觉太密」和「信息不够」之间反复横跳。一线团队的办法是给栅格基线定一个密度系数上限，超过阈值就必须拆屏或做聚合，这个规则写进了设计系统文档第 4 节，执行三年没有再被推翻。

此外还有一条底线：灰阶是整个体系的地基。本组用九级灰阶约束所有非彩色信息，正文压在 G4，辅助说明压在 G6，禁用态压在 G7。一旦密度系数需要强调，只允许跳级使用而非新增灰阶，这条铁律让暗色主题的栅格基线从未失控。

反模式里最顽固的一条是「用颜色做唯一区分」。色弱用户在栅格基线失效的场景下会整屏失去层级，一线团队强制所有色彩语义需要搭配形状或位置冗余，这条在验收清单里是一票否决项。

这里再补一笔：色彩令牌按「语义优先」命名而不是色值命名。danger、warning、idle、muted 各自绑定一组全套的栅格基线参数，换主题时只换令牌映射表，界面层零改动。这套规则在 18 个项目里复用后，主题切换的回归成本降到半天。

长期维护成本是选型时最轻易被低估的变量：一个功能强大的做法可能带来每天 18 分钟的维护负担，一年下来就是足足一周的人力，值得在对齐会上算这笔账。

信息密度的确实对手是滚动。一屏放不下时业务方总想压缩间距，但线上数据表明行高低于 1.5 倍字高之后，密度系数的误读率以每 0.05 倍一个台阶的速度上升，这个拐点数据说服了所有坚持压行高的需求方。

对比度不是越高越好。灰度验证中 21:1 以上的正文反差在长时间注视下会大幅抬升疲劳评分，我们到头来把正文锚定在 12:1 到 16:1 区间，密度系数的强提醒才使用满档反差。