Panoramica

Material 3 Expressive è il sistema di design più recente per il nostro schermo più piccolo: lo smartwatch. Ottimizzato per il fattore di forma arrotondato, offre un design aggiornato che enfatizza la qualità premium e un maggiore livello di espressione. Progetta e crea app per smartwatch belle ed espressive con Material 3 Expressive.

Principi di progettazione espressiva

Il design espressivo migliora ogni livello dell'interfaccia utente con forme, animazioni, colori e trattamenti di tipografia studiati attentamente.

Adotta un cane

Material 3 Expressive introduce un framework di forme progettato per gli schermi rotondi. Utilizza l'intera tela per ottimizzare la leggibilità e l'equilibrio visivo.

"Il pulsante di controllo in basso ha un bordo inferiore curvo"

Movimento e molle premium

Gli aggiornamenti di Material 3 Expressive rendono la navigazione naturale, premium e coerente in tutte le transizioni. Ora Motion connette spazialmente le superfici. Rispondono in modo più preciso ai gesti dell'utente, rendendo la navigazione più intuitiva.

Morphing delle forme

Material 3 Expressive introduce un framework di morphing delle forme per elenchi e pulsanti di selezione, ottimizzato per un'esperienza più premium. Gli elenchi consentono di scorrere agevolmente su un fattore di forma arrotondato.

Colori vivaci

Il sistema di colori si espande per adottare le tavolozze di tonalità più profonde e l'insieme di token più ampio incluso in Material 3 Expressive. L'aggiunta di un terzo colore di accento, insieme a più varianti di token e ruoli di colore più specifici, offre profondità e varietà al sistema di design.

"Il terzo colore di accento consente di visualizzare un pulsante di arresto in un'app cronometro in rosso, anche se l'app ha già il blu e il rosa come colori di accento"

Caratteri variabili

Material 3 Expressive sostituisce tutte le istanze di Roboto con Roboto Flex. Una scala di tipo di riferimento è personalizzata e ottimizzata per lo schermo arrotondato dello smartwatch.