磨损材质主题是系统地自定义磨损材质设计以反映您的品牌的能力。当您开始更改 UI 的某些方面,例如颜色和排版时,磨损材质主题工具会将您的设计理念应用于整个用户体验。这些工具通过提供所有可自定义属性的特定值,可以轻松地在设计和代码工作流程之间切换。自定义属性值会为您的产品创建磨损材质主题。
使用磨损材质主题
磨损材质主题包含三个主要操作:自定义主题、将其应用于您的设计模型,以及在代码中使用它。
磨损材质设计附带一个内置主题,可以按原样使用。自定义内置主题,使 Material 适用于您的产品。
主题实践
主题会影响您的整个 UI,包括芯片等单个组件。以下示例展示了如何自定义芯片组件的默认值。
包含芯片被分配了特定颜色、形状和字体类型的值。调整默认值以适合您的应用程序的风格。
之前
具有默认样式的基线磨损材质芯片。 |
之后
自定义的磨损材质芯片。 |
颜色
颜色系统支持为组件、文本、图标和表面设置自定义颜色。为以下 13 个类别设置您的主题颜色
主色
主色变体
辅助色
辅助色变体
背景
表面
错误
在主色上
在辅助色上
在背景上
在表面上
在表面变体上
在错误上
排版
排版系统支持 11 个类别,这些类别共同构成类型比例尺。此类型比例尺确定屏幕上出现的各种类型样式和尺寸,从正文内容到按钮文本。
排版属性由可自定义的字体系列、字体、大小写、大小和跟踪的值控制。