磨损材质主题

磨损材质主题是系统地自定义磨损材质设计以反映您的品牌的能力。当您开始更改 UI 的某些方面,例如颜色和排版时,磨损材质主题工具会将您的设计理念应用于整个用户体验。这些工具通过提供所有可自定义属性的特定值,可以轻松地在设计和代码工作流程之间切换。自定义属性值会为您的产品创建磨损材质主题。

使用磨损材质主题

磨损材质主题包含三个主要操作:自定义主题、将其应用于您的设计模型,以及在代码中使用它。

磨损材质设计附带一个内置主题,可以按原样使用。自定义内置主题,使 Material 适用于您的产品。

主题实践

主题会影响您的整个 UI,包括芯片等单个组件。以下示例展示了如何自定义芯片组件的默认值。

包含芯片被分配了特定颜色、形状和字体类型的值。调整默认值以适合您的应用程序的风格。

之前

具有默认样式的基线磨损材质芯片。

之后

自定义的磨损材质芯片。

颜色

颜色系统支持为组件、文本、图标和表面设置自定义颜色。为以下 13 个类别设置您的主题颜色

  1. 主色

  2. 主色变体

  3. 辅助色

  4. 辅助色变体

  5. 背景

  6. 表面

  7. 错误

  8. 在主色上

  9. 在辅助色上

  10. 在背景上

  11. 在表面上

  12. 在表面变体上

  13. 在错误上

排版

排版系统支持 11 个类别,这些类别共同构成类型比例尺。此类型比例尺确定屏幕上出现的各种类型样式和尺寸,从正文内容到按钮文本。

排版属性由可自定义的字体系列、字体、大小写、大小和跟踪的值控制。