Material 3 Expressive 设计语言

Material 3 Expressive (M3) 旨在满足用户对现代化、相关且独特体验的需求。Expressive 还允许设计师在界面的布局和呈现中反映特定的情感和感受。

颜色和排版

颜色系统正在扩展，以采用 M3 更深层次的色调调色板和更广泛的令牌集，同时更简单的排版比例正在利用可变字体轴以实现更多表达，使交互更具表现力并令人愉悦。

新的令牌允许在不同主题和整个设计系统中使用更多颜色。

可变字体及其可自定义轴的更新考量，不仅适用于第一方用例，还适用于 Roboto Flex 等第三方用例，后者也拥有一组类似的可变轴。

利用可变字体轴来表示表现力丰富的运动反馈，使交互更具表现力且使用起来更令人愉悦。

示例用例

除了更新和优化的字体比例之外，我们还引入了新的字体角色，专门用于 Wear 上显著的模式。

这些新的字体角色支持多种用例，包括用于界面标题的弧形文本 (Arc Text)、具有实时空间的预先内容以及专门用于数字的字体角色，这些角色允许为无需本地化的字符串提供更大、更具风格的文本尺寸。

我们还在以更具扩展性和意义的方式融入形状语言，利用灵活的容器形状来应用圆角和锐化角半径，以支持形状变形列表和按钮状态。我们正在引入贴边按钮，作为 Wear 圆形设备的新颖且标志性的设计模式。

引入能够适应圆形并最大化圆形外形设备内部空间的形状容器。

使用圆角和独特形状作为容器来拥抱表现力设计 — 扩展到令人愉悦的加载动画、有趣的布局、形状变形按钮和自适应按钮组。

利用 Material 3 角落形状来实现容器形状之间的多样性、独特性和关联性。

组件容器使用灵活的布局技术来动态适应可用空间。它们可以均匀地分配此空间以实现对称性，或者策略性地排列元素以建立视觉层次结构、强调重要内容，并通过表现力丰富且由运动引导的视觉提示来引导用户交互。