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 questo aspetto durante la progettazione, poiché 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 (raccolta di token o ruoli di colore per definire il tema del colore dell'app) è costituita da 3 ruoli di accento, 4 ruoli di superficie (o neutri) e le relative 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 garantire un'ostruzione visiva minima e l'armonizzazione con il mondo reale, dando la priorità alla leggibilità in diverse condizioni di illuminazione. Ciò comporta la calibrazione accurata dei colori per bilanciare la luminosità con la saturazione, garantendo la visibilità per una chiara leggibilità e mantenendo una saturazione sufficiente per essere 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
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 di tonalità uguale, 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 ciò può 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.