Design chiaro e visibile per display ottici trasparenti.
Jetpack Compose Glimmer è un sistema di progettazione e un toolkit UI di Google per display otticamente trasparenti (OST), come gli occhiali XR con cavo. Un sistema di progettazione fornisce decisioni riutilizzabili, dai primitivi di colore, tipo e forma ai componenti e alle linee guida.
Principi
Jetpack Compose Glimmer è uno dei primi framework UI a essere ottimizzato per display trasparenti e occhiali. La tecnologia OST proietta la luce del progetto direttamente sul mondo fisico anziché utilizzare display opachi. Glimmer aiuta gli sviluppatori a creare interfacce utente ad alto contrasto e facili da consultare che preservano la presenza nel mondo reale.
Visualizzazione trasparente per prima
Ottimizzato e supportato da ricerche e dalla scienza del colore per display trasparenti e per il fattore di forma degli occhiali per esperienze di visione ottica attente, belle e trasparenti.
Input hardware
Gli input di interazione sono progettati in base alle funzionalità degli occhiali XR con cavo.
Progettato appositamente
Stili e componenti sono progettati appositamente per essere utilizzati immediatamente con gli occhiali. Jetpack Compose Glimmer è ottimizzato per display trasparenti e per il comfort dell'utente. Sebbene sia stato progettato appositamente, non è rigido. Ti consente di personalizzare i punti salienti della messa a fuoco, oltre al tipo e al colore.
Stili
Il linguaggio di progettazione di Jetpack Compose Glimmer include un tema semplificato per una visibilità ottimale sugli occhiali. Il colore e il tipo possono essere personalizzati per l'espressione semantica e la coesione dell'app. I principi di progettazione visiva enfatizzano chiarezza, leggibilità e distrazioni minime. Anche se gli occhiali con cavo hanno un campo visivo più ampio e potrebbero avere meno interferenze "reali", dovresti comunque valutare la possibilità di tenere l'interfaccia utente fuori dalla visuale.
Glimmer è dotato di un tema di base ottimizzato per gli occhiali OST. Il colore e il tipo possono essere personalizzati per l'espressione semantica e la coesione dell'app. Il nero è trasparente su un display a visione ottica. Tieni presente questo aspetto durante la progettazione, poiché i colori più scuri appariranno opachi o trasparenti, ma questo può essere utilizzato anche per creare profondità.
Combinazione di colori
La combinazione di colori degli occhiali (raccolta di token o ruoli di colore per definire il tema del colore della tua app) è costituita da tre ruoli di accento, sei ruoli di superficie (o neutri) e le relative controparti di colore.
Personalizza colore
Il colore principale può essere personalizzato in modo da utilizzare il colore del brand o dell'interazione principale. Considera il contrasto, la saturazione e il consumo energetico del colore scelto.
Scopri di più sul sistema di colori di Glimmer e sulle best practice.
Tipografia
Jetpack Compose Glimmer ha una scala tipografica predefinita ottimizzata. Composti da due ruoli con tre stili ciascuno, i ruoli di tipo si basano sul loro scopo e gerarchia. Per saperne di più, consulta la sezione Tipografia Glimmer.
Superficie e profondità
Le piattaforme contengono contenuti. Forniscono punti focali chiari all'interno del campo visivo dell'utente, che possono contenere contenuti o azioni. In Glimmer vengono utilizzati ulteriori dettagli su superficie e profondità.
Componenti
I componenti sono elementi costitutivi appositamente creati per la creazione dell'interfaccia utente. La tua app deve utilizzare Jetpack Compose Glimmer per i componenti, in quanto sono ottimizzati per i casi d'uso unici degli occhiali OST. Per saperne di più, consulta Componenti Glimmer.
Vuoi implementare i componenti? Consulta la documentazione di Glimmer di Jetpack Compose.
I componenti Glimmer hanno più scopi UX. Alcuni componenti includono pulsanti per azioni, indicatori di avanzamento per la comunicazione, stack per il contenimento, la navigazione e indicatori vocali per l'input.