Un design clair et facile à lire pour les écrans optiques transparents.
Jetpack Compose Glimmer est un système de conception et un kit d'UI Google pour les écrans optiques transparents (OST), comme les lunettes XR filaires. Un système de conception fournit des décisions réutilisables, des primitives de couleur, de typographie et de forme aux composants et aux conseils.
Principes
Jetpack Compose Glimmer est l'un des premiers frameworks d'UI optimisés pour les écrans transparents et les lunettes. L'OST projette la lumière directement sur le monde physique au lieu d'utiliser des écrans opaques. Glimmer aide les développeurs à créer des interfaces utilisateur à contraste élevé et faciles à lire qui préservent la présence dans le monde réel.
Affichage transparent en premier
Optimisé et basé sur la recherche et la science des couleurs, pour les écrans transparents et le facteur de forme des lunettes pour des expériences optiques transparentes, réfléchies et magnifiques.
Entrée matérielle
Les entrées d'interaction sont conçues en fonction des capacités des lunettes XR filaires.
Centres de données
Les styles et les composants sont conçus pour être utilisés immédiatement avec les lunettes. Jetpack Compose Glimmer est optimisé pour les écrans transparents et le confort de l'utilisateur. Bien qu'il soit conçu à cet effet, il n'est pas rigide. Il vous permet de personnaliser les mises en surbrillance de la sélection, en plus du type et de la couleur.
Styles
Le langage de conception de Jetpack Compose Glimmer propose un thème simplifié pour une visibilité optimale sur les lunettes. La couleur et la typographie peuvent être personnalisées pour l'expression sémantique et la cohésion de l'application. Les principes de conception visuelle mettent l'accent sur la clarté, la lisibilité et la réduction des distractions. Bien que les lunettes filaires aient un champ de vision plus large et puissent être moins sujettes aux interférences "réelles", vous devez quand même envisager de masquer l'UI.
Glimmer est fourni avec un thème de base optimisé pour les lunettes OST. La couleur et le type peuvent être personnalisés pour l'expression sémantique et la cohérence de l'application. Le noir est transparent sur un écran optique. Gardez cela à l'esprit lors de la conception, car les couleurs plus foncées apparaîtront ternes ou transparentes, mais cela peut également être utilisé pour créer de la profondeur.
Jeu de couleurs
Le jeu de couleurs des lunettes (collection de jetons ou de rôles de couleur pour définir la couleur de votre application) se compose de trois rôles d'accentuation, de six rôles de surface (ou neutres) et de leurs rôles de couleur associés.
Personnaliser la couleur
Vous pouvez personnaliser la couleur principale pour utiliser la couleur de votre marque ou la couleur principale d'interaction. Tenez compte du contraste, de la saturation et de la consommation d'énergie de la couleur choisie.
En savoir plus sur le système de couleurs de Glimmer et les bonnes pratiques
Typographie
Jetpack Compose Glimmer dispose d'une échelle typographique par défaut optimisée. Composés de deux rôles avec trois styles chacun, les rôles typographiques sont basés sur leur objectif et leur hiérarchie. Pour en savoir plus, consultez Typographie Glimmer.
Surface et profondeur
Les surfaces contiennent du contenu. Ils fournissent des points focaux clairs dans le champ de vision de l'utilisateur, qui peuvent contenir du contenu ou des actions. Glimmer utilise davantage la surface et la profondeur.
Composants
Les composants sont des blocs de construction spécialement conçus pour créer votre UI. Votre application doit utiliser Jetpack Compose Glimmer pour les composants, car ils sont optimisés pour les cas d'utilisation uniques des lunettes OST. Pour en savoir plus, consultez Composants Glimmer.
Prêt à implémenter des composants ? Consultez la documentation Jetpack Compose Glimmer.
Les composants Glimmer couvrent plusieurs objectifs UX. Certains composants incluent des boutons pour les actions, des indicateurs de progression pour la communication, des piles pour le contenu, la navigation et des indicateurs vocaux pour la saisie.