È arrivato il Cyber Monday! Crea un'app e approfitta subito del 50% di sconto!
Indietro

Come impostare il tuo menu di navigazione


Oggi parleremo dei diversi modelli di navigazione
Sono molto importanti per molte ragioni:
Strutturano il tuo negozio
Fanno parte del design finale della tua app
Giocano un ruolo importante nell'esperienza utente dei tuoi clienti

Sono la navigazione principale del tuo negozio.

Per selezionarne uno, vai al menu Contenuto & Design, menu Navigazione

Seleziona il modello che vuoi applicare alla tua app
Ogni modello di navigazione ha le sue caratteristiche e valorizzerà le diverse sezioni del tuo negozio, a seconda delle tue esigenze. 

Scegliamo il modello TabBar.

È composto da 2 parti principali.
La navigazione principale che sarà visualizzata nella parte inferiore della tua app
E una navigazione secondaria, che sarà in un menu separato.

Per organizzare le mie sezioni, devo semplicemente trascinarle tra la navigazione principale e il menu Other.

La mia prima sezione è la mia Home. Poi aggiungo la mia lista di collezioni chiamata Collection, la mia collezione di vendite e il profilo utente. Tutto il resto sarà nel menu Altro.

Sto aggiungendo nella barra delle informazioni i video riguardanti le collezioni e la lista delle collezioni.

Voglio cambiare l'icona della mia Home
Basta cliccarci sopra e voilà. Sto aggiungendo un'icona personalizzata ma puoi anche sceglierne una dalla nostra libreria di icone. Sto aggiungendo il video dettagliato su come cambiare le icone sulla barra informativa.

Posso anche evidenziare una sezione modificando il colore dell'icona e il carattere. Facciamolo per la collezione Vendite.

Nella sezione delle impostazioni del tuo menu di navigazione, puoi anche modificare il design del tuo menu di navigazione. Il carattere generale, la visualizzazione o meno dei titoli sotto le icone, il colore delle icone, i separatori ecc. 

Sono soddisfatto del mio design finale 

Lascia che te lo mostri dal lato del cliente. Questo è il design della TabBar
Per darti un'idea delle altre versioni:
Swipe
Litle swipe
Grid
E Slate

Ora sai come impostare il menu di navigazione del tuo negozio

A presto per un altro tutorial
 

Video simili