UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录

分类

全部技能723D2可访问性1动效6资产2组件1设计系统27图标2实现2布局6验证1阴影1风格9Three.js1WebGL11

最高使用

01作品解构结构母版10.0K02边框渐变9.9K03遮罩揭示8.9K04Aura 资产图像8.8K05框架网格布局4.8K

技能层

局部表现与技巧普通 Skill 负责布局、动效、资产、阴影和特殊表现;设计系统已移动到独立页面。

UI DESIGN LAB 技能库

Skill LibraryPrompt Skills72 Skills9 Shown

浏览可复用的普通 Prompt Skill。

这里保留局部技巧型 Skill:布局、动效、资产、WebGL、图标、阴影和组件表现。页面级 Design System 已拆成独立导航。

Skill Index

最常用 Prompt Skills

按记录使用量排序,帮助团队快速找到高频设计动作。

01作品解构结构母版02边框渐变03遮罩揭示04Aura 资产图像05框架网格布局
67 more skills below
Active Skills72
Groups14
Total Uses59.2K
AccessFree
Library

风格

重置筛选
风格9.9K uses

边框渐变

为高级表面应用细腻的渐变描边处理。

为高级表面应用细腻的渐变描边处理。Pro
风格1.1K uses

拟物界面

使用分层渐变和阴影创建拟物表面风格。使用柔和的垂直渐变、多个 inset shadow 模拟雕刻或按压表面、细微外阴影建立抬升感、顶部边缘高光、底部暗边,以及带平滑过渡的圆角形状。技法包括叠加内外阴影建立深度、使用小点或纹理等微细节增强真实感、用 1px 渐变边框 wrapper 模拟反射边缘,并用文字阴影和图标阴影制造浮雕质感。

使用分层渐变和阴影创建拟物表面风格。使用柔和的垂直渐变、多个 inset shadow 模拟雕刻或按压表面、细微外阴影建立抬升感、顶部边缘高光、底部暗边,以及带平滑过渡的圆角形状。技法包括叠加内外阴影建立深度、使用小点或纹理等微细节增强真实感、用 1px 渐变边框 wrapper 模拟反射边缘,并用文字阴影和图标阴影制造浮雕质感。
Pro
风格1.1K uses

抖动背景

生成深色 ordered-dither 背景,使用粗方形像素和柔和波形衰减。

生成深色 ordered-dither 背景,使用粗方形像素和柔和波形衰减。Pro
风格91 uses

渐进模糊

使用分层边缘模糊叠层建立深度,包含顶部和底部参考 snippets 以及调参指引。

使用分层边缘模糊叠层建立深度,包含顶部和底部参考 snippets 以及调参指引。Pro
风格32 uses

黏性 Blob 系统

使用 SVG filters 创建黏性 blob 系统,让多个形状融合成单一流体形态;重点是 blur + threshold 的 filter 驱动融合、柔和有机边界、多形状整体行为和连续流畅动效。

使用 SVG filters 创建黏性 blob 系统,让多个形状融合成单一流体形态;重点是 blur + threshold 的 filter 驱动融合、柔和有机边界、多形状整体行为和连续流畅动效。Pro
风格26 uses

数字细节

添加装饰性 01、02、03 数字细节标记。

添加装饰性 01、02、03 数字细节标记。Pro
风格12 uses

大气 WebGL 场系统

沉浸式背景设计系统,包含交互粒子场、呼吸动效和渐变强调的抬升 UI 组件。

沉浸式背景设计系统,包含交互粒子场、呼吸动效和渐变强调的抬升 UI 组件。Pro
风格10 uses

Aura 3D 网络系统

以太感 3D 网络可视化,整合玻璃拟态数据叠层和深度感动画。

以太感 3D 网络可视化,整合玻璃拟态数据叠层和深度感动画。Pro
风格4 uses

技术战术地球 UI

稀疏正交地球可视化,包含经纬线、脉冲红色数据节点和技术框架角标。

稀疏正交地球可视化,包含经纬线、脉冲红色数据节点和技术框架角标。Pro