Material Design 3 (Material You) 完整开发指南
概述与核心变革
Material Design 3(代号 Material You)是 Google 于 2021 年 I/O 大会发布的第三代设计系统,随 Android 12 正式推出。它代表了从"统一设计"到"个性化表达"的范式转变。
与 Material Design 2 的关键差异
| 特性 | Material 2 | Material 3 |
|---|---|---|
| 颜色哲学 | 固定品牌色(Primary/Secondary) | 动态个性化(从壁纸/种子色生成) |
| 颜色数量 | 12个基础色槽 | 26+个语义化颜色角色 |
| 表面层级 | 阴影海拔(Elevation) | 色调表面(Tone-based Surfaces) |
| 排版体系 | 6种样式(Headline 1-6等) | 15种令牌化样式(Display/Headline/Title/Body/Label) |
| 形状系统 | 固定圆角 | 7级可配置圆角体系 |
| 个性化 | 无 | 核心特性(壁纸取色、算法生成) |
核心设计原则
- 个性化优先:系统从用户壁纸提取颜色,生成独一无二的主题
- 算法驱动美学:基于 HCT 颜色空间的科学算法确保配色和谐
- 无障碍内置:所有颜色组合默认满足 WCAG 2.1 AA 对比度标准
- 跨平台一致:提供跨平台实现规范,Android(Compose/View)与 Flutter 为官方完整实现,Web 与 iOS 通过 Material Color Utilities 支持配色算法
