Material Design 是 Google 的跨平台設計系統，以「材質」隱喻組織介面：元件是分層疊放的紙片，用海拔陰影表達層級，用動態色彩（Material You）從使用者桌布推導主題色。它的 token 體系貫穿明暗主題與動效規範，圓角、狀態層與漣漪回饋都有明確約定。適合 Android 生態系、跨端產品與需要系統化規範的中大型團隊。
Material專業與企業
提示詞範本
基礎範本
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 程式設計工具使用。