强制小字号、全大写和全局视觉噪声可能降低关键数据的可读性
原文依据:4 处规范要求遥测文本使用最低 10px 的固定小字号并全部大写,同时建议在 DOM 根节点应用全局噪声,以及在终端界面叠加扫描线。对于数据密集型仪表板,这些效果可能让状态、单位或告警更难辨认。
视力较弱、使用小屏幕或处于低质量显示环境的用户可能漏读关键数值或告警,从而作出错误操作决定。
这是面向数据密集界面的强制性视觉规范:微型文本可低至 10px、全部大写,并可叠加扫描线及根节点全局噪声。组合使用时可能降低状态、单位和告警的辨识度,尤其影响低视力用户或小屏设备。风险取决于具体实现和对比度;用户可要求提供可读字号、缩放支持,并让噪声与扫描线可关闭且不覆盖关键数据。
* **Implementation Parameters:** * **Scale:** Fixed and small (`10px` to `14px` / `0.7rem` to `0.875rem`). * **Tracking:** Generous (`0.05em` to `0.1em`) to simulate mechanical typewriter spacing or terminal matrices. * **Leading:** Standard to tight (`1.2` to `1.4`). * **Casing:** Exclusively uppercase. Used for all metadata, navigation, unit IDs, and coordinates.查看另外 3 个位置
* **Halftone and 1-Bit Dithering:** Transforming continuous-tone images or large serif typography into dot-matrix patterns. Achieved via pre-processing or CSS `mix-blend-mode: multiply` overlays combined with SVG radial dot patterns.* **CRT Scanlines:** For terminal interfaces, applying a `repeating-linear-gradient` to the background to simulate horizontal electron beam sweeps (e.g., `repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px)`).* **Mechanical Noise:** A global, low-opacity SVG static/noise filter applied to the DOM root to introduce a unified physical grain across both dark and light modes. * **Leading:** Standard to tight (`1.2` to `1.4`). * **Casing:** Exclusively uppercase. Used for all metadata, navigation, unit IDs, and coordinates.* **CRT Scanlines:** For terminal interfaces, applying a `repeating-linear-gradient` to the background to simulate horizontal electron beam sweeps (e.g., `repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,0.1) 2px, rgba(0,0,0,0.1) 4px)`).* **Mechanical Noise:** A global, low-opacity SVG static/noise filter applied to the DOM root to introduce a unified physical grain across both dark and light modes.