Il nuovo sistema Material 3 Expressive di Google introduce innovazioni significative nel design delle applicazioni, in particolare attraverso l’utilizzo delle toolbar. Questi componenti sono progettati per visualizzare azioni frequentemente utilizzate, pertinenti alla pagina attuale.
tipologie di toolbar
Google propone due varianti principali di toolbar:
toolbar ancorata
La toolbar ancorata si estende per tutta la larghezza della finestra ed è ideale per azioni globali che rimangono costanti su più pagine. Essa sostituisce la barra inferiore dell’app (precedentemente utilizzata da Google Tasks) e offre maggiore flessibilità.
- Sostituisce la barra inferiore dell’app, ora deprecata.
toolbar flottante
La toolbar flottante, invece, si posiziona sopra il contenuto principale ed è adatta per azioni contestuali legate al contenuto specifico della pagina.
- Puo’ essere abbinata a un Floating Action Button (FAB).
- Nella nuova interfaccia di Google Photos, questa componente sarà utilizzata per i pulsanti di condivisione, aggiunta e modifica.
- Puo’ fungere anche da schede tra pagine correlate all’interno della gerarchia del prodotto.
configurazione dei colori
Sono disponibili due configurazioni cromatiche:
- Standard: uno schema a bassa intensità che concentra l’attenzione sul contenuto principale.
- Vibrante: uno schema ad alta intensità che evidenzia i controlli e può indicare un cambiamento temporaneo nel comportamento della pagina.
suggerimenti sull’uso delle toolbar
È fondamentale non combinare una toolbar con una barra di navigazione. Si consiglia di mostrare la barra di navigazione nelle pagine primarie e le toolbar nelle pagine successive con azioni specifiche. Attualmente non esiste un componente di navigazione flottante/bottom bar in Material 3 Expressive, sebbene possa essere introdotto in future espansioni o aggiornamenti del sistema.
dettagli aggiuntivi su material 3 expressive
- Nuovo indicatore di caricamento già presente in Android 16.
- Una prima occhiata a Material 3 Expressive per le app Google: Gmail, Fitbit e altro.
- Material 3 Expressive elimina i cassetti di navigazione sui telefoni mentre tornano le barre inferiori corte.
Lascia un commento