introduzione al nuovo design di Google
Il recente annuncio riguardante il design di Google ha introdotto un’evoluzione significativa, dando vita a “Material 3 Expressive”. Questa nuova estetica si distingue per l’implementazione di indicatori di caricamento innovativi, che mirano a migliorare l’esperienza utente durante le attese brevi. Di seguito sono presentati i dettagli principali su questa novità.
material 3 expressive e gli indicatori di caricamento
Il video che presenta la nuova linguistica visiva inizia con un’animazione di pull-to-refresh, trasformando “Material 3” in “Material 3 Expressive”, introducendo così il nuovo indicatore di caricamento. Questo componente è progettato per mostrare il progresso durante attese brevi, specificamente inferiori ai cinque secondi.
caratteristiche dell’indicatore di caricamento
L’indicatore di caricamento rappresenta una sostituzione degli indicatori circolari indeterminati precedentemente utilizzati. È caratterizzato da una sequenza morfologica composta da sette forme uniche del Material 3, concepite per catturare l’attenzione dell’utente. Il contenitore circolare presenta uno sfondo più chiaro quando impiegato nel pull-to-refresh.
- Indicatori per pull-to-refresh
- Sostituzione degli indicatori circolari indeterminati
- Composizione con sette forme uniche
- Cattura attenzione con contenitore circolare
utilizzo versatile degli indicatori di caricamento
L’indicatore può essere utilizzato anche al di fuori del contesto del pull-to-refresh, senza il contenitore. Gli utenti della beta Android 16 possono notarlo all’avvio del dispositivo e durante l’inserimento del PIN, prima che venga visualizzato il launcher principale.
integrazione in altri componenti
Oltre alla posizione centrale nella pagina o nel contenitore, gli indicatori possono essere integrati all’interno di altri elementi come i pulsanti, segnalando che un’azione è in corso, ad esempio durante la validazione di un modulo o il controllo degli aggiornamenti.
- Pulsanti per azioni in corso
- Validazione moduli
- Controllo aggiornamenti
indicatori progressivi aggiornati per interazioni più lunghe
Per interazioni prolungate, Material 3 Expressive ha aggiornato anche gli indicatori progressivi lineari e circolari. Questi nuovi design consentono una maggiore spessore e una forma ondulata rispetto alle versioni precedenti. Tale forma contribuisce a rendere i processi più dinamici e meno statici, risultando particolarmente appropriata per stili espressivi.
- Aumento dello spessore degli indicatori progressivi
- Sfondo ondulato anziché piatto
- Miglior esperienza visiva nelle interazioni lunghe
conclusione sull’impatto del nuovo design
L’introduzione delle novità legate a Material 3 Expressive rappresenta un passo avanti significativo nella creazione di interfacce utente più coinvolgenti ed efficaci. La progettazione mira non solo a migliorare l’estetica ma anche a ottimizzare la funzionalità attraverso indicatori chiari e distintivi.
Lascia un commento