MOD.01 界面DOC-01-030AUTHOR · 林昭远2026-05-26READ · 4 MIN

本地化排版的中英混排基线

超数频界面色彩令牌信息层级

这篇文章的判断来自一次失败的重构。当时团队把色彩令牌当作装饰层来处理，结果发布两周后值班员的漏报率上升了 48%，团队才意识到信息层级是可以量化的安全属性。

SEC.01落地走查清单

另一个常被忽视的细节是：灰阶是整个体系的地基。本组用九级灰阶约束所有非彩色信息，正文压在 G4，辅助说明压在 G6，禁用态压在 G7。一旦色彩令牌需要强调，只允许跳级使用而非新增灰阶，这条铁律让暗色主题的信息层级从未失控。

补充一条实战观察：争议的处理方式是把口味问题翻译成数据问题：信息层级的两个做法各自发布一周，看指标说话。团队用这个办法终结了持续两个月的争论，双方都体面地认了输。

// CASE FILE · 实测档案

复盘：密度实验：同一屏 48 项压到 36 项，漏报率 -41%，业务方主动接受拆屏做法。

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

对比度不是越高越好。一线数据中 21:1 以上的正文反差在长时间注视下会明显抬升疲劳评分，本组到头来把正文锚定在 12:1 到 16:1 区间，色彩令牌的强提醒才使用满档反差。

这里再补一笔：复盘文化比做法本身更重要：每次信息层级的线上问题都要求 48 小时内出复盘，聚焦流程漏洞而非个人责任。三年下来，同类问题的复发率降到个位数。

另一个常被忽视的细节是：最后一条经验是给「装饰性技术感」划定预算：扫描线、网格、角标这类元素的总面积占比超过 48% 后，受试者对真实信息的捕获时间明显变长。酷和明确之间，团队一贯选后者。

最后再记一笔：图标验收有一条隐藏标准：全部去色后仅凭轮廓还能认出多少。团队的基线是 85%，低于这个数说明色彩令牌过度依赖颜色细节，在信息层级的场景之外会率先失效。

此外还有一条底线：文档写得再好也挡不住人员流动，所以本组把色彩令牌的规则尽量固化进工具：lint 规则、CI 卡点、脚手架模板。规则长在工具里，团队才不会失忆。

顺带记录一个细节：界面文档采用参数表与截图分离维护：截图只作示意，验收以参数表为准。三个月后回看，截图过时了 40%，参数表只修正了两处，信息层级的维护成本差异一目了然。

灰度是工程做法的安全网：先放 5% 流量观察关键指标，任何劣化超过基线 5% 当场回滚。色彩令牌的那次灰度让项目组在凌晨两点避免了一次全量事故。