用途:将界面整体打造为高级、技术感、氛围化的深色设计系统,统一背景、表面、面板、控件、间距、边框与动效,而非仅做背景特效。
主要能力:以近黑或炭黑为基底,叠加有层次的高级深色表面;在背景或低优先级层加入细微的有序抖动、粗像素或柔和数字颗粒纹理,让暗部有材质感;用细窄激光束或扫描线作为聚焦视觉母题,颜色取自设计的主强调色而非硬编码蓝色;激光保持电影感与克制,白色高亮核心、柔和强调色光晕、轻微体积雾或泛光。
使用方式:深色表面做细微色调分离,深黑底、略抬升面板、安静半透明覆盖层、细白或强调色边框;抖动或颗粒仅用于背景、大块留白或次级填充;若用 WebGL、canvas 或着色器层,固定于 UI 之后并设 pointer-events: none,内容置于更高层叠上下文;激光光晕、烟雾或泛光由当前强调色推导,最亮核心接近白色;激光作为构图锚点(中线、偏移光束、角落汇聚或背景扫掠),服务层级而非压过内容。面板、仪表盘与导航使用精确间距、细微模糊、暗淡高光与低调层次。
推荐模式:带背景模糊、细边框与克制强调活动态的浮动深色导航壳;带角标、细网格线或垂直边界线的框架式仪表盘容器;一像素渐变边框、柔和阴影与有限强调光晕的深色玻璃卡片;英雄区后方、中轴周围或焦点附近汇聚的细激光束与淡雾;数据表面保持白或中性文字可读,强调色仅用于状态标签、活动标签、图标、进度条或焦点控件。
可调参数:抖动密度、激光强度(束宽与光晕宽度分离)、强调色克制程度、表面对比度、氛围范围。
限制与避免:避免粗霓虹激光条、过强泛光或全屏雾影响可读性;避免在设计使用其他强调色时硬编码靛蓝或青色;避免到处重抖动导致脏乱、复古或低分辨率感;避免无纹理、无深度、无材质分离的纯黑布局;避免忽略激光加抖动视觉系统的通用 SaaS 卡片与渐变。具体安装命令与平台支持暂未提供。