Temas do Material do Wear

Os temas do Material do Wear permitem personalizar sistematicamente o Material Design do Wear para refletir sua própria marca. Quando você começa a mudar aspectos da IU, como cor e tipografia, as ferramentas de temas do Material do Wear aplicam a visão de design a toda a experiência do usuário. As ferramentas facilitam a alternância entre fluxos de trabalho de design e código, fornecendo valores específicos para todos os atributos personalizáveis. Personalizar os valores dos atributos cria um tema do Material do Wear para seu produto.

Usar temas do Material do Wear

Os temas do Material do Wear se focam em três ações principais: personalização do tema, aplicação em modelos de design e uso no código.

O Material Design do Wear vem com um tema integrado que pode ser usado no estado em que se encontra. Personalize o tema integrado para que o Material Design se encaixe ao seu produto.

Aplicação de temas na prática

Os temas afetam toda a IU, incluindo componentes individuais, como ícones. O exemplo abaixo mostra como personalizar os valores padrão de um componente de ícone.

Um ícone contido recebe valores para uma família de cores, formas e tipos específicos. Ajuste os valores padrão de acordo com o estilo do app.

Antes

Ícone do Material do Wear com valor de referência com estilos padrão.

Depois

Um ícone personalizado do Material do Wear.

Cor

O sistema de cores oferece suporte à definição de cores personalizadas para componentes, texto, ícones e superfícies. Defina as cores do tema para as 13 categorias abaixo:

  1. Primary

  2. Primary Variant

  3. Secondary

  4. Secondary Variant

  5. Contexto

  6. Surface

  7. Erro

  8. On Primary

  9. On Secondary

  10. On Background

  11. On Surface

  12. On Surface Variant

  13. On Error

Tipografia

O sistema de tipografia oferece suporte a 11 categorias que, juntas, formam a escala de tipografia. Essa escala determina os vários estilos e tamanhos de tipografia que aparecem na tela, desde o corpo do texto até o texto do botão.

Os atributos de tipografia são controlados por valores que podem ser personalizados para família de tipo, fonte, capitalização, tamanho e rastreamento.