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:
Primary
Primary Variant
Secondary
Secondary Variant
Contexto
Surface
Erro
On Primary
On Secondary
On Background
On Surface
On Surface Variant
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.