SuperAPI AI 工具集

dark-blue-contrasting-clean

设计与创作

查看项目

更新于 10-15 21:09

技能介绍

用途:将深蓝高对比清洁风格作为完整设计系统方向,应用于页面背景、边框导轨、主视觉或 CTA 区域、卡片、链接组、导航与动效。适合需要高级、深色、清晰、蓝色主导且深海军蓝表面与明亮钴蓝焦点形成强对比的界面;不适合轻盈云蓝或喧闹霓虹科幻风。

主要能力:以近黑海军蓝为基底,使用深蓝黑背景与细微色调变化而非纯黑;引入一个或多个醒目钴蓝或皇家蓝重点区块作为对比时刻,如主视觉横幅、CTA 带、聚光卡片或产品区;深色系统上使用白色字体与浅蓝辅助文字,保证锐利、可读与高级感;添加细外轨、border-x 容器线、小角方块与安静边框细节,使布局严谨且具工程感;蓝色辉光保持柔和局部,出现在背景光晕、按钮强调或微小实时指示器,而非铺满整页。

使用方式:优先使用带边框的最大宽度外壳或内部容器,配合垂直边界线与细微角标记固定构图;对高级蓝色重点区块与深色卡片使用边框渐变包裹,内部放置更干净填充以保持边缘锐利;按清晰堆叠区域组织布局:高冲击对比块、较安静的索引或导航区、克制的法律或页脚区;按钮与 CTA 卡片应坚实高级,使用深色半透明填充、蓝色调边框、浅蓝文案与轻微变亮的悬停状态;字体保持轻盈优雅,细到常规无衬线字重、宽松间距、小型大写工具行用于章节编号或元数据;使用细微抽象蓝色光场、大模糊辉光、圆形轨迹或柔和叠加洗色增加氛围而不削弱结构;动效保持平静高级,如遮罩文字揭示、淡入上移、安静图标漂移与轻柔悬停位移。

推荐模式:深色边框容器内嵌大型钴蓝渐变横幅或 CTA 块,配白色标题与浅蓝辅助文案;深海军蓝页面外壳配 border-x 导轨与小角方块标记主内容边界;干净多列链接或信息索引,白色标题、柔和灰蓝链接与微小数字工具标签;高级联系或行动卡片由蓝到透明渐变包裹与深色内面板构成;小型实时圆点、章节计数器或辉光标记使用亮蓝作为选择性信号细节;页脚或下部法律区以细白透明规则线与极简技术图标分隔。

可调参数:蓝色强度可在更丰富皇家蓝与更深钢蓝之间调整;对比强度保持文字、分隔线与关键块在深色基底上锐利但避免过曝;辉光量谨慎使用模糊与泛光,保持氛围而不模糊;边框密度按结构感增减导轨、角方块与分隔线;横幅主导性可让蓝色重点块作为主视觉中心或次要转化区。

限制与避免:不要当作浅天蓝或云朵产品页;避免全屏电蓝洗色破坏对比与精致感;避免只有蓝字而无有意义边框结构或对比块的扁平深色布局;避免每张卡片都过度装饰辉光、渐变或玻璃效果;避免沉重企业仪表盘杂乱感,与干净建筑基调冲突。具体安装命令、代码示例与平台支持信息暂未提供。