工业粗野主义UI

解决什么问题

当你的界面承载的是遥测数据、控制台信息或高密度表格时，消费级 UI 的套路——圆角卡片、柔和阴影、渐变背景、悬停动效——反而会成为障碍。这类界面需要的是原始的功能感、机械精度和数据密度，而不是亲和力。本技能从 20 世纪中期瑞士平面系统、重型机械手册和复古航空航天/军用终端中提取视觉语法，为数据密集型场景构建一套刻意反消费主义设计的界面范式。

技能如何工作

技能内置两套视觉原型，每套都有明确的结构约束：

• Swiss Industrial Print：浅色高对比模式。基于印刷底色（新闻纸/米白），使用粗壮的无衬线字体，以可见的分隔线勾勒不妥协的结构网格，超大字号的字母或数字溢出视口边界，大面积不对称留白中穿插作为警报/强调色的高饱和红色。
• Tactical Telemetry & CRT Terminal：深色独占模式。等宽字体主导一切，高密度表格数据是核心呈现对象，通过 ASCII 括号、准星等技术框定装置建立“军用设备”的语境，并用荧光辉光、扫描线、低比特渲染模拟老旧硬件的显示限制。

使用时的关键步骤：

1. 先判断项目的数据任务类型，选定一套原型并贯彻到底，同一界面内不得混用或交替。
2. 建立刚性模块化网格，用可见的分隔线而非留白来划分区域。
3. 确定字体层级：或用溢出视口的巨型数字制造压迫感，或让等宽字成为信息的唯一载体。
4. 定义纯粹功能性的配色，红色只留给警报或强调位。
5. 按需叠加半调网点、扫描线、位图抖动等模拟信号，让界面呈现“经过真实设备处理”的质感。

适用边界

这套设计语言的前提是数据本身足够密集且真实。没有真实数据支撑时，扫描线和准星就只是装饰，会迅速显得廉价。它不适合面向大众消费者的营销页或引导流程，刻意的“去精致化”会抬高认知门槛。另外，模拟效果（辉光、抖动、扫描线）应服务于技术语境的塑造，控制使用范围，否则可读性会被视觉噪音淹没。