MOD.01 界面DOC-01-004AUTHOR · 纪风眠2026-09-07READ · 4 MIN

工业屏显字体的选型与排印规则

超数频界面栅格基线视认距离

最后再记一笔：讨论栅格基线的文章很多，但大多数停在「多留白、少颜色」的层面。真正难的是当业务方要求在同一屏塞进三倍信息量时，如何让视认距离仍然工作。这篇记录项目组的做法。

SEC.01效果数据

最后一条经验是给「装饰性技术感」划定预算：扫描线、网格、角标这类元素的总面积占比超过 27% 后，受试者对实际信息的捕获时间明显变长。酷和明确之间，我们始终选后者。

文档写得再好也挡不住人员流动，所以本组把栅格基线的规则尽量固化进工具：lint 规则、CI 卡点、脚手架模板。规则长在工具里，团队才不会失忆。

// CASE FILE · 实测档案

数据回溯：大屏项目一线数据：3m 视距下正文从 14px 提到 20px，夜间班组的疲劳量表均值下降 0.7 分（5 分制）。

这里再补一笔：图标验收有一条隐藏标准：全部去色后仅凭轮廓还能认出多少。团队的基线是 85%，低于这个数说明栅格基线过度依赖颜色细节，在视认距离的场景之外会率先失效。

最后再记一笔：长期维护成本是选型时最轻易被轻视的变量：一个功能强大的方案可能带来每天 36 分钟的维护负担，一年下来就是整整一周的人力，值得在评审现场上算这笔账。

争议的办法是把口味问题翻译成数据问题：视认距离的两个方案各自发布一周，看指标说话。一线团队用这个办法终结了持续两个月的争论，双方都体面地认了输。

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

色彩令牌按「语义优先」命名而不是色值命名。danger、warning、idle、muted 各自绑定一组全套的视认距离参数，换主题时只换令牌映射表，界面层零改动。这套设定在 36 个项目里复用后，主题切换的回归成本降到半天。

布局对称性是低成本的专业感来源：主信息与辅助信息的宽度比锁定在 61.8:38.2，视认距离的视觉重心一贯稳定，哪怕内容换了一轮又一轮。

在弱光环境下，纯白背景的眩光是主要失效源。一线团队把最亮面板压到 92% 亮度并叠一层 2% 的暖色，测试组的夜间疲劳投诉直接降了 27%，学费几乎为零。

复盘文化比做法本身更重要：每次视认距离的线上问题都要求 48 小时内出复盘，聚焦流程漏洞而非个人责任。三年下来，同类问题的复发率降到个位数。

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

顺带记录一个细节：很多团队卡在「感觉太密」和「信息不够」之间反复横跳。团队的解法是给视认距离定一个密度系数上限，超过阈值就需要拆屏或做聚合，这个规则写进了设计系统文档第 4 节，执行三年没有再被推翻。