Material Design 3 的颜色系统不再是静态的,而是根据用户壁纸实时生成互补色。这套"动态色彩"(Dynamic Color)算法让每个应用都能呈现独特的视觉身份。
核心原理
M3 的色彩算法基于三个关键输入:
- 源色彩:从用户壁纸提取的 5 个主色调
- 色彩映射:将源色彩映射到 Material 色彩系统
- 动态生成:根据光照条件实时调整饱和度和亮度
设计启示
不再为每个应用手动定义品牌色,而是让系统自动生成。这减少了设计工作量,同时增加了用户参与感。
算法公式
核心的色彩转换公式:
surface-tint = source_color × tonal_offset
chroma = clamp(source_chroma × chroma_boost, 0, max_chroma)
tone = calculate_contrast(surface, source_color)
结论
M3 的动态色彩代表了"千人千面"的极致——每个用户的界面都是独一无二的。