工业粗野主义战术遥测界面

要解决什么问题

当数据监控、设备管理或工业控制类后台需要承载上百个指标时，常见做法是套用通用设计系统：柔和阴影、圆角卡片、渐变按钮。这些语言能降低消费级产品的学习成本，却会让操作员在长时盯盘场景里失去对「哪条信息是指令级」的判断。本技能瞄准的正是这个矛盾——让界面读起来像一份钉在墙上的重型机械装配手册，而不是一个 SaaS 后台。

技能如何工作

它提供两套互斥的视觉范式，每个项目只能选其一：

• 瑞士工业印刷：浅色纸张底，巨幅 Neo-Grotesque 黑体标题溢出视口，红色粗线分隔，大量负空间。
• 战术遥测终端：暗底白磷光字，等宽字体数据矩阵，ASCII 括号框线，CRT 扫描线与磷光辉光。

选定范式后，落地三层约束：

1. 排版架构：宏观标题用 clamp() 拉到 4rem 以上、字距收紧到负值、全大写；微距数据固定在 10–14px 等宽字体，拉开字距模拟打字机矩阵。
2. 色彩纪律：只允许一组底色——碳墨印在哑光纸上，或白磷光映在 CRT 黑底上；危险红是唯一强调色，暗色模式下 #4AF626 只可留给一个状态读数。
3. 结构与材质：CSS Grid 锚定每个元素，1px gap 充当分隔线，border-radius 一律为零；再叠加半调网点滤镜、SVG 噪点与 repeating-linear-gradient 扫描线，模拟物理介质的退化感。

适用边界与注意点

这套语言只适合高密度信息工具：仪表盘、调试面板、数据台账。面向普通消费者的表单或移动端流程不该用它，硬套会陡增导航成本。字体加载成本也高——多款 heavy 字重叠加，低端设备上大面积 clamp() 文字可能引发重排卡顿。暗色 CRT 效果再叠噪点滤镜时，需复查可访问性对比度。