---
title: "Come impostare la modalità di navigazione della tua app | Tutorial - GoodBarber"
description: "Oggi parleremo dei diversi modelli di navigazione\r Giocano un ruolo cruciale nell'esperienza dei tuoi utenti e corrispondono alla navigazione principale della tua app\r \r Per questo tutorial, user…"
canonical_url: "https://it.goodbarber.com/tutorials/design/come-impostare-la-modalita-di-navigazione-della-tua-app/"
lang: it
---

# Come impostare la modalità di navigazione della tua app | Tutorial - GoodBarber

[Indietro](https://it.goodbarber.com/tutorials/)

# Come impostare la modalità di navigazione della tua app

Oggi parleremo dei diversi modelli di navigazione
Giocano un ruolo cruciale nell'esperienza dei tuoi utenti e corrispondono alla navigazione principale della tua app

Per questo tutorial, useremo l'app della nostra attività locale Freyja Spa
Per selezionarne uno, vai al menu La mia app > Design > Menu di navigazione

Seleziona il modello che vuoi applicare alla tua app
Ogni template di navigazione ha le sue caratteristiche e può valorizzare le diverse sezioni della tua app, a seconda delle tue esigenze.

Scegliamo il modello Slate.

È composto da 3 parti.

La prima parte è l'header. Puoi aggiungere il tuo logo, uno shortcut verso il profilo utente, se hai attivato l'add-on di autenticazione, altri collegamenti e/o separatori
Io aggiungo semplicemente il mio logo.

Poi passiamo alla navigazione principale.
Troverai qui tutte le sezioni che hai scelto per la navigazione principale nel menu la mia app> contenuto > sezioni

Voglio evidenziare il link verso i servizi offerti dalla Spa, in modo che siano facilmente accessibili ai miei utenti.
Clicco sul link "i nostri servizi" e attivo l'opzione "metti in evidenza questo link", cambio il colore e voilà! Ecco il mio link!

Ora non mi resta che creare il footer.
Come per l'header, puoi aggiungere dei link. Io aggiungo un link al profilo dell'utente, alle impostazioni e alla pagina Facebook della Spa

Ora andiamo nel menu delle impostazioni. Puoi cambiare il design della modalità di navigazione. La visualizzazione del logo che abbiamo aggiunto prima, il colore e l'effetto dello sfondo.

I colori e il font utilizzato.

E infine configuriamo le opzioni del menu.
La visualizzazione: sempre chiusa o aperta all'avvio dell'app

Sono soddisfatto del mio design finale

Lascia che te lo mostri dal lato del cliente.

Questo è il design Slate
Per darti un'idea delle altre versioni:

Swipe
Little swipe
Tabbar e
Grid

Puoi creare il tuo menu da zero o disattivarlo e usare semplicemente la home page per la navigazione.

Ora sai come impostare il menu di navigazione della tua app

A presto per un altro tutorial

## Video simili

[DesignCome impostare il tuo header](/tutorials/design/come-impostare-il-tuo-header/)

![Come impostare il tuo header](https://portal.ww-cdn.com/portal_static/images/videos1.c14acaebb684.jpg)

[DesignCome impostare lo stile globale della tua app](/tutorials/design/come-impostare-lo-stile-globale-della-tua-app/)

![Come impostare lo stile globale della tua app](https://portal.ww-cdn.com/portal_static/images/videos2.7fa910b14581.jpg)

[DesignCome personalizzare lo splashscreen della tua app](/tutorials/design/come-personalizzare-lo-splashscreen-della-tua-app/)

![Come personalizzare lo splashscreen della tua app](https://portal.ww-cdn.com/portal_static/images/videos3.667f4857c54e.jpg)

[DesignCome personalizzare le icone del tuo menu](/tutorials/design/come-personalizzare-le-icone-del-tuo-menu/)

![Come personalizzare le icone del tuo menu](https://portal.ww-cdn.com/portal_static/images/videos5.a023e3a7a47c.jpg)

[DesignCome impostare il design delle tue sezioni](/tutorials/design/come-impostare-il-design-delle-tue-sezioni/)

![Come impostare il design delle tue sezioni](https://portal.ww-cdn.com/portal_static/images/videos6.a0a8271792bd.jpg)

[DesignCome copiare il design di una sezione](/tutorials/design/come-copiare-il-design-di-una-sezione/)

![Come copiare il design di una sezione](https://portal.ww-cdn.com/portal_static/images/videos7.8952466a8027.jpg)

[DesignCome impostare la tua home page](/tutorials/design/come-impostare-la-tua-home-page/)

![Come impostare la tua home page](https://portal.ww-cdn.com/portal_static/images/videos9.49f835842cd5.jpg)

[DesignCome scegliere le dimensioni del tuo header ?](/tutorials/design/come-scegliere-le-dimensioni-del-tuo-header/)

![Come scegliere le dimensioni del tuo header ?](https://portal.ww-cdn.com/portal_static/images/videos_design_header.a341dbbe5c74.jpg)

[DesignCome modificare lo sfondo della tua app](/tutorials/design/come-modificare-lo-sfondo-della-tua-app/)

![Come modificare lo sfondo della tua app](https://portal.ww-cdn.com/portal_static/images/thumbnail_background.01a5a9e37ad2.jpg)