Banner

hero

Panoramica

I banner possono aiutarti a mettere in evidenza esperienze speciali dell'app, nuove funzionalità o messaggi importanti. Sebbene siano funzionalmente simili alle righe standard, i banner aggiungono una visibilità visiva distinta grazie ai riempimenti dello sfondo personalizzabili e saranno sempre separati visivamente dai contenuti circostanti.


Composizione

L'elemento Banner è progettato per essere facilmente visibile e include quattro componenti, due dei quali sono obbligatori:

  • Immagine o icona iniziale (obbligatoria)
  • Testo principale: titolo e sottotitoli (obbligatori)
  • Testo secondario (facoltativo)
  • Immagine o icona finale (facoltativa)
hero

1. Immagine iniziale

2. Testo principale

3. Testo secondario (facoltativo)

4. Elemento finale (facoltativo)


Requisiti dell'esperienza utente

Per garantire un'esperienza sicura e coerente in tutte le app, segui questi requisiti di progettazione:

Livello di requisiti

Contenuti

MUST

Mostra un solo banner per sezione. Inserisci i banner in una sezione dedicata che non contenga altri tipi di componenti.

SHOULD

Applica riempimenti dello sfondo personalizzati, colori di accento dei pulsanti e raggi degli angoli distinti per separare i banner dalle righe di contenuti standard.

SHOULD

Evita di posizionare le sezioni dei banner direttamente adiacenti l'una all'altra per preservarne l'evidenza visiva.