Design claro e fácil de entender para telas ópticas transparentes.
O Jetpack Compose Glimmer é um sistema de design do Google e um kit de ferramentas de interface para telas ópticas transparentes (OST, na sigla em inglês), como óculos XR com fio. Um sistema de design oferece decisões reutilizáveis, desde primitivos de cor, tipo e forma até componentes e orientações.
Princípios
O Jetpack Compose Glimmer é um dos primeiros frameworks de UI otimizados para displays transparentes e formato de óculos. A OST projeta a luz diretamente sobre o mundo físico, em vez de usar telas opacas. O Glimmer ajuda os desenvolvedores a criar interfaces de alto contraste e fáceis de visualizar que preservam a presença no mundo real.
Mostrar primeiro a tela transparente
Otimizado e respaldado por pesquisas e ciência das cores para telas transparentes e o formato dos óculos para experiências ópticas transparentes pensadas e bonitas.
Entrada de hardware
As entradas de interação são projetadas com base nos recursos dos óculos XR com fio.
Personalizados
Estilos e componentes são criados para uso imediato com óculos. O Jetpack Compose Glimmer é otimizado para telas transparentes e conforto do usuário. Embora seja criado para uma finalidade específica, ele não é rígido. Ele oferece uma maneira de personalizar os destaques de foco, além de tipo e cor.
Estilos
A linguagem de design do Glimmer do Jetpack Compose tem um tema simplificado para visibilidade ideal nos óculos. É possível personalizar a cor e o tipo para fins de expressão semântica e coesão dos apps. Os princípios de design visual enfatizam a clareza, a legibilidade e a distração mínima. Embora os óculos com fio tenham um campo de visão mais amplo e possam ter menos interferência do mundo real, ainda é recomendável manter a interface fora do caminho.
O Glimmer vem com um tema básico otimizado para óculos OST. É possível personalizar a cor e o tipo para fins de expressão semântica e coesão dos apps. O preto é transparente em uma tela óptica transparente. Tenha isso em mente ao criar o design, já que cores mais escuras vão parecer opacas ou transparentes, mas isso também pode ser usado para criar profundidade.
Esquema de cores
O esquema de cores dos óculos (coleção de tokens ou funções de cores para tematizar a cor do app) consiste em três funções de destaque, seis de superfície (ou neutras) e suas contrapartes de cor.
Personalizar cor
A cor primária pode ser personalizada para usar a cor da sua marca ou de interação principal. Considere o contraste, a saturação e o uso de energia da cor escolhida.
Leia mais sobre o sistema de cores do Glimmer e as práticas recomendadas.
Tipografia
O Glimmer do Jetpack Compose tem uma escala tipográfica padrão otimizada. Compostas por duas funções com três estilos cada, as funções de tipo são baseadas na finalidade e na hierarquia. Para mais informações, consulte Tipografia Glimmer.
Superfície e profundidade
As superfícies contêm conteúdo. Eles oferecem pontos focais claros no campo de visão do usuário, que podem conter conteúdo ou ações. Saiba mais sobre como superfície e profundidade são usadas no Glimmer.
Componentes
Os componentes são elementos básicos criados especificamente para a criação da interface. Seu app precisa usar o Jetpack Compose Glimmer para componentes, já que eles são otimizados para os casos de uso exclusivos dos óculos OST. Para mais informações, consulte Componentes do Glimmer.
Tudo pronto para implementar componentes? Confira a documentação do Glimmer do Jetpack Compose.
Os componentes do Glimmer abrangem várias finalidades de UX. Alguns componentes incluem botões para ações, indicadores de progresso para comunicação, pilhas para contenção, navegação e indicadores de voz para entrada.