SuperAPI AI 工具集

glass-dark-mode-clock

设计与创作

查看项目

更新于 10-16 05:05

技能介绍

用途:该技能提供一套完整的设计系统方向,覆盖背景、外壳、导航、主视觉布局、控件、圆形焦点组件与动效。适用于希望界面看起来像高级深色仪器面板、以玻璃质感表面与时钟/表盘/校准装置为核心元素的场景。它并非通用玻璃拟态,也不只是孤立的圆形控件,而是让整个界面支撑类似时钟的系统美学。

主要能力与视觉目标:以黑色或近黑色为基底,叠加非常细微的网格线、横向与纵向光束引导线,以及隐约的结构准星。导航栏、胶囊控件等使用深色玻璃或磨砂黑表面,带模糊、细白色边缘渐变与克制的反光。引入占主导的圆形焦点元素,感觉像时钟、校准表盘或共振仪器,包含环、刻度、角度或旋转文字路径。整体色调以黑、白、锌灰和烟灰为主,亮度来自玻璃高光与柔和白色辉光,而非高饱和色彩。

实现指引:导航、胶囊与操作控件采用磨砂外壳,配细渐变边框、低透明度填充与柔和背景模糊。圆形中心件叠加准星线、校准标记、等宽字体标签、径向环与小界面提示,使其具有工程感。表盘应分层:外环、刻度、旋转标签或文字、中心核心,以及可选的六边形或几何内框。主文案保持简洁稀疏,采用分栏或双栏构图置于表盘旁。若加入动效,宜用缓慢旋转的环、漂移光束、轻雾与柔和揭示,保持持续、冥想感,而非炫目。玻璃处理应保持深色高级感,避免半透明白色斑块。

推荐模式:固定深色导航,带背景模糊与细底边框,悬浮在低对比网格之上;眉题胶囊与按钮为深色玻璃胶囊,1px 高光包裹与干净深色内填充;圆形主表盘带外部文字路径、度数标签、旋转刻度组与极简中心徽标;背景光束线与准星对齐圆形模块与排版;表盘区域内柔和白色雾状光或径向高光。

限制与避免:避免明亮半透明卡片浮在彩色斑块上的通用粉彩玻璃拟态;避免把时钟母题当作与布局脱节的装饰;避免表盘标签或动效过多而嘈杂;避免破坏单色校准美学的强强调色;避免压平成没有玻璃深度、光束结构或径向层级的纯黑方框。