Il colore tiene conto del display, dell'ambiente e della cognizione. Il colore sugli occhiali utilizza una tavolozza molto raffinata per supportare il comportamento dei display additivi e per ottimizzare il comfort visivo. L'uso del colore sugli occhiali deve essere utilizzato con giudizio per armonizzarsi con il mondo reale, per indicare azioni importanti, visualizzare immagini o fornire un significato semantico.
Il nero è trasparente sul display ottico trasparente. Tieni presente che quando progetti, il colore più scuro apparirà opaco o trasparente, ma può anche essere utilizzato per creare profondità.
Combinazione di colori
La combinazione di colori degli occhiali (insieme di token o ruoli di colore per definire il tema del colore della tua app) è costituita da tre ruoli di accento, quattro ruoli di superficie (o neutri) e le loro controparti di colore. I ruoli dei colori sono simili a quelli dello schema mobile e devono essere utilizzati allo stesso modo.
I colori intensi possono essere utilizzati per un solo colore come enfasi limitata.
Cosa fare
Cosa non fare
Personalizzare il colore
Quando personalizzi i colori degli occhiali, è fondamentale ridurre al minimo l'ostruzione visiva e armonizzare i colori con il mondo reale, dando la priorità alla leggibilità in condizioni di illuminazione variabili. Calibra con attenzione i colori per bilanciare la luminosità con la saturazione in modo che siano immediatamente distinguibili.
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.
Colori semantici e del brand ottimizzati
I colori che rappresentano il brand, le azioni o gli avvisi di sistema devono:
- Abbastanza luminosa da essere leggibile
- Saturazione sufficiente per essere distinguibile come colore
Scopri di più sul tema Glimmer di Jetpack Compose.
Utilizzo avanzato
Alcuni colori consumano più energia e generano più calore rispetto ad altri. Il verde è il colore che consuma meno energia, mentre il blu è quello che ne consuma di più, se si confrontano colori con la stessa tonalità, come mostrato a destra. Riduci al minimo il numero di pixel che si illuminano. Più è luminoso lo schermo, più si surriscalda il display. Non riempire lo schermo di bianco, in quanto potrebbe causare la mitigazione termica.
Cosa fare
Cosa non fare
Cosa fare
Cosa non fare
Le superfici personalizzate devono essere evitate.
Colori dei contenitori scuri
In genere, i contenitori devono concentrarsi sulla visualizzazione dei contenuti al loro interno, senza distrarre:
- Le superfici devono essere nere per il massimo contrasto
- I contorni devono essere visibili ma discreti
Cosa fare
Cosa non fare
È possibile personalizzare il contorno per aggiungere il branding o un'interfaccia utente espressiva.
Cosa fare
Cosa non fare
Avviso
Personalizzazione dello stato attivo del contorno con il blu: lo stato attivo è composto da due contorni. Il colore viene applicato al livello 2 per definire lo stato attivo.