Glassmorphism 用磨砂玻璃塑造界面:半透明面板背后透出底色与光斑,1px 发光边框勾勒轮廓,深紫底(#3A344E)与绿橙红的数据波长形成科技夜景;分层但轻盈,纵深靠模糊与透明度而非阴影。适合音乐、金融科技与需要氛围感的现代应用。
创意艺术Glassmorphism
提示词模板
基础模板
Design a Glassmorphism-inspired interface. Colors: #3A344E, #07CA6B, #E89558, #EA2143 with #3A344E accent. Typography: #1856FF.
变体提示词
📱 移动端
Design a mobile app with Glassmorphism aesthetics. Use Glassmorphism color identity with #3A344E accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Glassmorphism style. Use Glassmorphism color identity with #3A344E accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Glassmorphism design language. Use Glassmorphism color identity with #3A344E accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Glassmorphism visual identity. Use Glassmorphism color identity with #3A344E accents. Compelling, conversion-focused.
使用示例
Glassmorphism 应用
Web 端Build a web app with Glassmorphism design language and #3A344E color system.
Glassmorphism 仪表板
仪表板Create a dashboard using Glassmorphism style with data visualization and #1856FF typography.
✅ 适合场景
- 视觉效果场景
- 高端科技产品页
- 深色品牌展示
❌ 不适合场景
- 纸质印刷风格站
- 密集数据表格
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述,可复制或下载后交给 AI 编程工具使用。