材料设计
Material Design
初级通用材料设计（Material Design）是 Google 提出并持续演进的界面设计体系，用组件、视觉层级和动效组织数字界面。它帮助你让按钮、菜单、提示等元素在不同页面保持一致，也让用户更容易看出哪里能操作、操作后发生了什么。
你可能会说：「我想把这个 App 做得像成熟的安卓应用，按钮、菜单和页面切换都有统一的规则。」
动手看看任务看板的排序菜单
切换界面样式，再调浮层阴影；悬停、按住按钮或用 Tab 聚焦，看看操作反馈。排序菜单保持展开，方便直接比较两种样板。
材料设计不只是大圆角：同一套圆润组件、主题色和表面层级，让主按钮、任务卡与浮起的菜单各有位置，也让可操作区域更好认。
要点材料设计怎样让界面更容易理解？
- 1
用层级说明元素之间的关系
你做一个任务管理 App 时，页面、卡片和弹窗承担不同角色。材料设计会借助颜色、间距和表面层级区分它们，让用户知道当前在看什么、哪个内容浮在前面，而不只是给每个框加阴影。
- 2
让常见操作沿用一致模式
如果列表里的新增、筛选和确认操作各有一套按钮样式，用户就得反复猜。材料设计提供组件和使用思路，我们可以据此统一外观与交互，再按产品品牌调整颜色、字形和形状。
- 3
用状态和动效交代操作结果
用户点了保存，界面需要让他知道点击已被接收、内容是否保存成功。按钮状态、提示和适度的过渡动效能把过程接起来；动效不是为了热闹，而是帮助用户理解界面发生了什么变化。
容易混淆的地方
材料设计不等于扁平化：扁平化侧重减少拟物装饰，材料设计还会考虑组件、层级、状态和动效。它也不等于给卡片加阴影；阴影只是表达层级的一种手段。如果只复制视觉效果，却没处理交互和反馈，用户仍可能看不懂界面。
什么时候用
适合用
- 做一款功能较多的移动 App，需要让列表、表单、弹窗和导航在各个页面保持一致。
- 让 AI Agent 搭建后台原型时，需要一套现成的组件与交互思路，减少逐页决定样式的成本。
- 已有产品的按钮和提示风格混乱，想用同一套层级、状态与设计令牌逐步整理。
不适合用
- 只做一张活动宣传海报，不涉及可操作界面；用品牌视觉或版式设计来组织信息更直接。
- 产品已有成熟设计系统且需要与现有页面严格一致；沿用现有系统比另引入材料设计更合适。
- 要复刻另一套平台的原生操作体验；优先遵循该平台的界面惯例，而不是套用材料设计组件。
练一练选一个答案，看看解释
你让 AI Agent 做一个任务管理 App。它生成了许多带阴影的卡片，但保存按钮没有状态反馈，弹窗和菜单也各用各的样式。下一步怎样提需求更贴近材料设计？
让 AI 帮你做复制给 AI Agent 直接用
请用材料设计的思路实现这个任务管理 App：统一导航、按钮、列表和弹窗的组件规则，区分页面层级，补齐点击、加载和保存结果的反馈。颜色与字体沿用现有品牌，不要只靠卡片阴影营造风格。