Una struttura fondamentale che fornisce una piattaforma standardizzata per interfacce utente complesse. Le strutture di base uniscono diverse parti dell'interfaccia utente, come le barre delle app e i pulsanti di azione flottanti, conferendo alle app un aspetto coerente.

I contenitori forniscono all'utente l'accesso alle funzionalità principali e agli elementi di navigazione. Esistono due tipi di barre delle app: quelle in alto e quelle in basso.

Questi componenti fondamentali consentono agli utenti di attivare un'azione definita. Esistono cinque tipi di pulsanti. Visualizza l'aspetto di ciascuno dei cinque tipi di pulsanti, nonché dove utilizzarli e come implementarli.

Un pulsante ad alta enfasi che consente agli utenti di eseguire un'azione principale in un'applicazione. Questo componente del pulsante promuove un'azione singola e mirata che rappresenta il percorso più comune che un utente potrebbe intraprendere e in genere si trova ancorato in basso a destra nella schermata.

Funge da contenitore Material Design per l'interfaccia utente. In genere, le schede presentano un singolo contenuto coerente. È l'attenzione alla rappresentazione di un singolo contenuto che distingue la scheda dagli altri contenitori.

Un elemento dell'interfaccia utente interattivo e compatto che rappresenta entità complesse come un contatto o un tag, spesso con un'icona e un'etichetta. I chip possono essere selezionabili, ignorabili o cliccabili.

Mostra messaggi popup o richiede l'input dell'utente su un livello sopra i contenuti principali dell'app. Questo componente crea un'esperienza utente che interrompe l'interazione per attirare l'attenzione dell'utente.

Mostra visivamente lo stato di un'operazione. L'uso del movimento per attirare l'attenzione dell'utente sulla fase di completamento del processo, ad esempio il caricamento o l'elaborazione dei dati, può indicare che l'elaborazione è in corso, senza indicare la vicinanza al completamento.

Consente agli utenti di effettuare selezioni da un intervallo di valori lungo un continuum, ad esempio impostare il volume audio o filtrare i dati del grafico in base a un intervallo di prezzi.

Consente agli utenti di passare da uno stato all'altro. Gli utenti possono trascinare o fare clic sul pulsante di un'opzione per modificare lo stato corrente.

Mostra i contenuti secondari ancorati alla parte inferiore dello schermo. Puoi utilizzare i riquadri inferiori standard o modali per mostrare agli utenti contenuti secondari.

Un menu scorrevole che consente agli utenti di accedere a varie sezioni dell'app. Gli utenti possono attivarlo scorrendo dal lato o toccando un'icona del menu.

Viene visualizzata una breve notifica nella parte inferiore dello schermo. In questo modo, puoi fornire un feedback su un'operazione o un'azione senza interrompere l'esperienza utente. Le barre di appostamento scompaiono dopo alcuni secondi. L'utente può anche ignorarli manualmente.

Mostra e organizza in modo efficiente insiemi di elementi con elenchi e griglie.