概览
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Material 3 Expressive 是我们最小屏幕设备(手表)的最新设计系统。此版本针对圆形外形规格进行了优化,并进行了设计更新,以突出显示其高品质和更高水平的表达力。使用 Material 3 Expressive 设计和构建美观且富有表现力的手表应用。
富有表现力的设计原则
富有表现力的设计通过精心设计的形状、动画、颜色和排版,提升每个界面层的效果。
拥抱回合
Material 3 Expressive 引入了专为圆形屏幕设计的形状框架。它会使用整个画布来优化一目了然性和视觉平衡。
高级动作和弹簧
Material 3 富有表现力的更新让导航在所有转换中都感觉自然、高级且一致。动作现在会在空间上连接 Surface。
它们对用户手势的响应更准确,使导航更直观。
形状变形
Material 3 Expressive 为列表和选择按钮引入了形状变形框架,经过优化,可提供更高级的感觉。列表在圆形设备规格上具有流畅的滚动效果。
丰富的色彩
颜色系统扩展为采用 Material 3 Expressive 中包含的更深层次的色调调色板和更广泛的令牌集。添加第三种强调色以及更多令牌变体和更具体的颜色角色,为设计系统带来了深度和多样性。
可变字体
Material 3 Expressive 会将 Roboto 的所有实例替换为 Roboto Flex。
基准字体比例专为手表的圆角屏幕量身定制和优化。
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-07-26。
[null,null,["最后更新时间 (UTC):2025-07-26。"],[],[],null,["# Overview\n\nMaterial 3 Expressive is the latest design system for our smallest\nscreen: the watch. Optimized for the round form factor, it brings a design\nupdate which emphasizes premium and a greater level of expression. Design and\nbuild beautiful and expressive watch apps with Material 3 Expressive.\n\nExpressive design principles\n----------------------------\n\nExpressive design elevates each UI layer with thoughtful shape, animation,\ncolor, and typography treatments.\n\n### Embrace round\n\n\nMaterial 3 Expressive introduces a shape framework designed for round\nscreens. It uses the entire canvas to optimize glanceability and visual\nbalance. \n\n\u003cbr /\u003e\n\n### Premium motion and springs\n\n\nMaterial 3 Expressive updates make navigation feel natural, premium, and\nconsistent across all transitions. Motion now spatially connects surfaces.\nThey respond more accurately to user gestures, making navigation more\nintuitive. \n\n\u003cbr /\u003e\n\n### Shape morphing\n\n\nMaterial 3 Expressive introduces a shape morphing framework for lists and\nselect buttons, optimized for a more premium feel. Lists feature smooth\nscrolling on a round form factor. \n\n\u003cbr /\u003e\n\n### Rich color\n\n\nThe color system expands to adopt the deeper tonal palettes and wider\ntoken set included with Material 3 Expressive. The addition of a third\naccent color, along with more token variants and more specific color roles,\nbrings both depth and variety to the design system. \n\n\u003cbr /\u003e\n\n### Variable fonts\n\n\nMaterial 3 Expressive replaces all instances of Roboto with Roboto Flex.\nA baseline type scale is tailored and optimized for the watch's rounded screen. \n\n\u003cbr /\u003e"]]