Material Design 是 Google 的跨平台设计系统，以「材质」隐喻组织界面：组件是分层叠放的纸片，用海拔阴影表达层级，用动态色彩（Material You）从用户壁纸推导主题色。它的 token 体系贯穿明暗主题与动效规范，圆角、状态层与涟漪反馈都有明确约定。适合 Android 生态、跨端产品与需要系统化规范的中大型团队。
专业与企业现代极简
提示词模板
基础模板
Design a Material Design-inspired interface. Colors: #C8B3FD, #16A34A, #D97706, #DC2626 with #16A34A accent. Typography: #6442D6.
变体提示词
📱 移动端
Design a mobile app with Material Design aesthetics. Use Material Design color identity with #16A34A accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Material Design style. Use Material Design color identity with #16A34A accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Material Design design language. Use Material Design color identity with #16A34A accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Material Design visual identity. Use Material Design color identity with #16A34A accents. Compelling, conversion-focused.
使用示例
Material 应用
Web 端Build a web app with Material Design design language and #16A34A color system.
Material 仪表板
仪表板Create a dashboard using Material Design style with data visualization and #6442D6 typography.
✅ 适合场景
- 企业级产品
- 跨端产品的一致界面体系
- Android 生态的应用与官网
❌ 不适合场景
- 反精致的粗野主义站点
- 需要强品牌个性的艺术页
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。