SuperAPI AI 工具集

industrial-brutalist-ui

设计与创作

查看项目

更新于 10-16 09:30

技能介绍

用途:当用户明确要求工业粗野主义风格时,应用该视觉体系,融合中期瑞士排版、工业制造手册与复古航天/军事终端界面。

视觉原型:分为两种,每个项目只能选一种并贯彻,不得混用。瑞士工业印刷为高对比浅色(新闻纸色),重型无衬线字体、可见分隔线的严格网格、不对称留白与超大数字或字母,主红色作警示强调。战术遥测与 CRT 终端为纯深色,密集表格数据、等宽字体主导,配合 ASCII 括号、十字准星等技术框架元素与磷光辉光、扫描线、低位深渲染等模拟硬件限制效果。

排版:宏观标题用重型无衬线字体,超大流式尺寸,极紧字距与行高,全大写;微观数据用等宽或技术无衬线字体,固定小字号、宽松字距、全大写,用于元数据、导航与坐标;高对比衬线体仅零星使用并做半调或 1 位抖动处理。

配色:禁止渐变、柔和阴影与透明。浅色底用近似未漂白纸张色,深色底避免纯黑。红色为唯一强调色,终端绿仅可选用于单个特定 UI 元素。

布局:以严格 CSS 网格锚定,用 1px 或 2px 实线划分区域,拒绝圆角,在极端数据密度与大面积留白间交替。组件用 ASCII 字符、十字准星、条形码、警示条纹等工业元素替代常规界面,品牌符号仅在内容支持时使用,不得虚构法律声明或实时遥测。

纹理效果:通过 CSS 与 SVG 滤镜实现半调、1 位抖动、CRT 扫描线与全局低透明度噪点。

工程要点:用网格加 1px 间隙与对比底色生成细分隔线;使用语义标签如 data、samp、kbd、output、dl;宏观排版使用 clamp()。

限制:必须保留真实内容、语义、品牌与无障碍;需验证对比度、缩放回流、可读性、键盘与触摸操作及减少动效;降级效果不得遮挡功能性文字;仅使用已授权字体与素材。具体安装方式与示例代码暂未提供。