Il colore tiene conto del display, dell'ambiente e della cognizione. Il colore sugli occhiali utilizza una tavolozza altamente raffinata per supportare il comportamento dei display additivi e per ottimizzare il comfort visivo. L'uso del colore sugli occhiali deve essere fatto 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. Tieni presente che 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 applicare il tema al colore dell'app) è composta da 3 ruoli di colore intenso, 6 ruoli di superficie (o neutri) e le relative controparti di colore. I ruoli di colore sono simili ai ruoli della combinazione di colori per dispositivi mobili e devono essere utilizzati nello stesso modo.
I colori intensi possono essere utilizzati per il colore con un'enfasi limitata.
Cosa fare
Cosa non fare
Personalizzare il colore
Quando personalizzi i colori per gli occhiali, è fondamentale ridurre al minimo l'ostruzione visiva e l'armonizzazione con il mondo reale, dando la priorità alla leggibilità in condizioni di illuminazione variabili. Calibra attentamente i colori per bilanciare la luminosità e la saturazione in modo che siano immediatamente distinguibili.
Il colore principale può essere personalizzato per utilizzare il colore del brand o dell'interazione principale. Tieni conto del contrasto, della saturazione e del 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 essere:
- Abbastanza luminosi da essere leggibili
- Abbastanza saturi da essere distinguibili come colore
- Garantisci una differenza di tonalità di almeno il 66% tra primo piano e sfondo utilizzando lo spazio colore HCT.
Scopri di più sul tema Jetpack Compose Glimmer.
Consumo energetico
Alcuni colori consumano più energia e generano più calore di altri. Il verde è il colore che consuma meno energia, mentre il blu è quello che ne consuma di più, se si confrontano colori di tonalità uguale come quelli a destra. Riduci al minimo il numero di pixel illuminati. Più luminoso è lo schermo, più caldo diventa il display. Non riempire lo schermo di bianco, perché può causare una riduzione 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.
- Le superfici non devono essere più chiare del 34% di tonalità nello stato attivo per mantenere la leggibilità degli elementi di primo piano.
- I contorni devono essere visibili ma discreti.
Cosa fare
Cosa non fare
Cosa fare
Cosa non fare
Cosa fare
Cosa non fare
È possibile personalizzare il contorno per aggiungere branding o un'interfaccia utente espressiva.
Cosa fare
Cosa non fare
Avviso
Personalizzazione dello stato attivo del contorno con il blu: l'evidenziazione dello stato attivo è composta da 2
contorni, il colore viene applicato al livello 2 per colorare lo stato attivo.
Cosa fare
