Componentes

Os componentes são elementos básicos criados para fins específicos na criação da sua interface. Seu app precisa usar o Glimmer do Jetpack Compose para componentes, já que eles são otimizados para os casos de uso exclusivos da tela do Glasses.

Os elementos de design precisam estar ancorados na parte de baixo do frame.

Componentes otimizados

Como os componentes foram otimizados para exibição transparente?

Cor da superfície: a cor da superfície dos componentes é preta para maximizar o contraste do conteúdo do card.

Contorno e destaque: a cor do contorno é otimizada para contraste. O uso de um destaque oferece expressão visual e pode ser usado para indicar alguns tipos de entrada.

Forma: um sistema de formas mais suaves é usado para melhorar a capacidade de leitura rápida, reduzindo a nitidez dos cantos e aumentando o conforto.

Cor da plataforma: a cor do conteúdo na plataforma é branca ou quase branca para maximizar o contraste com a superfície.

Tipografia: a escala tipográfica usa um pequeno conjunto de estilos de corpo e título refinados que otimizam o kerning, o tamanho e o peso para legibilidade ideal.

Iconografia: o uso de símbolos arredondados do Material Design é coerente com a escala tipográfica arredondada.

Tudo pronto para implementar componentes? Confira a documentação da biblioteca de interface Glimmer do Jetpack Compose.