设计 核心 B · 官方指南或术语

Material Design

Material Design 材质设计

Material Design 是一套组件和交互系统,会使用分层表面、有目的的动效、灵活布局和共用设计令牌。

看看怎样运作
也有人这样说 Material DesignMaterial 界面M3

看看怎样运作

原创情境示例Material Design 材质设计

另一个例子

Android 服务应用会使用清楚的色彩角色、熟悉的组件,而且只有表面重叠时才显示高度层级。

主要部分

  1. 01内容表面
  2. 02独特视觉处理
  3. 03操作与可读性检查

什么时候用

熟悉的平台操作和可扩展的一致性很重要时,可以使用它的原则或官方组件。

什么时候不要用

不要只复制几个视觉特征,却漏掉背后的操作、状态和无障碍规则。

代码里的名称

Material tokens + components

上线前要检查

检查内容先后顺序、共用设计变量、组件一致性、对比度、缩放,以及页面能否随屏幕大小调整。验证每个主题、语言与状态;有动态效果时,也要提供同样完整的减少动态效果版本。

可以直接复制的需求

预期结果:定义或使用 Material Design 材质设计 (Material Design),做出清楚、一致又好用的视觉体验。 用户场景:Android 服务应用会使用清楚的色彩角色、熟悉的组件,而且只有表面重叠时才显示高度层级。 要运用的设计概念:Material Design 材质设计 (Material Design)。 适用理由:熟悉的平台操作和可扩展的一致性很重要时,可以使用它的原则或官方组件。 不应使用的情况:不要只复制几个视觉特征,却漏掉背后的操作、状态和无障碍规则。 设计要求:定义内容先后顺序、可复用的设计变量(Token)与组件。说明页面如何随屏幕大小和状态改变。分清必要的设计方向与纯装饰。 包容性与韧性:检查对比度、缩放、多语言、主题切换与减少动态效果。不能只靠颜色或特效表达含义。 验收标准:在手机、桌面、缩放、各种主题与所有支持语言中仍清晰可读。每个交互状态都一致且容易理解。 证据与限制(证据边界):它只代表该来源的官方说法。其他平台或团队可能有不同用法。 待确认:品牌限制、内容多少、支持的主题与语言、目标设备,以及现有设计系统规则。

检查这份需求

请 AI 编程助手检查当前如何使用 Material Design 材质设计 (Material Design)。 定义:Material Design 是一套组件和交互系统,会使用分层表面、有目的的动效、灵活布局和共用设计令牌。 生产环境检查:检查内容先后顺序、共用设计变量、组件一致性、对比度、缩放,以及页面能否随屏幕大小调整。验证每个主题、语言与状态;有动态效果时,也要提供同样完整的减少动态效果版本。 修改程序前,先列出看到的证据、缺口、严重程度,以及最小且安全的修正。

B
这个术语有多正式?

官方指南或术语

列出的平台、框架、项目或专业组织,发布了这个术语的官方指南。

它只代表该来源的官方说法。其他平台或团队可能有不同用法。

适用范围
只包含来源有说明的内容:正式名称、定义、使用指南、避免事项、交互行为、键盘行为、无障碍
文档状态
稳定
核验日期
2026-07-30

证据来源与适用范围

正式来源 · Google · 稳定 Material Design 3 适用范围: 正式名称、定义、使用指南、避免事项 本页用途: 只支持写明的范围 来源涵盖内容: 正式名称, 定义, 使用指南, 避免事项 正式来源 · Google · 稳定 Material Design Components 适用范围: 正式名称、定义、交互行为、键盘行为、无障碍 本页用途: 只支持写明的范围 来源涵盖内容: 正式名称, 定义, 交互行为, 键盘行为, 无障碍

自行复制

浏览器无法自动复制。请选择下方文字,再自行复制。