Logo & Titolo

L’intestazione (logo e titolo) è la parte superiore dell’app che è sempre visibile e accessibile da tutte le sezioni.

L’intestazione ha 3 scopi:

  • per dare alla sezione un titolo
  • per mostrare shortcuts (scorciatoie)
  • per navigare nell’app

Per configurare il tuo Logo & Titolo:
1. Vai al menu a tendina sinistro La mia app > DESIGN > Disegn generale
2. Fai clic su “Logo e titolo” nella colonna di destra

Nota: questa guida in linea copre la gestione delle impostazioni predefinite dell’intestazione, note anche come header generale.
Per personalizzare il design dell’intestazione di una sezione specifica, seguire le istruzioni di questo aiuto online.

1. Logo & Titolo

 

La parte centrale dell’header permette di dare un titolo alla pagina. Questo titolo può consistere in un testo oppure un logo (immagine).

 Testo: clicca sul testo per modificarlo.
– Logo: seleziona il pulsante “Logo” per aggiungere un’immagine* nella posizione del testo.
*Rispetta i requisiti minimi di dimensione di 600 x 148 px.

2. Impostazioni avanzate

 

Fai clic su “Impostazioni avanzate” per modificare più a fondo il design della tua intestazione.
Sono disponibili diverse impostazioni, puoi accedervi scorrendo verso il basso nella colonna di destra.

A – Icona del menu:
La parte sinistra dell’intestazione viene utilizzata per visualizzare le azioni di navigazione, quando necessario.

Accesso alla navigazione principale  (pulsante menu)
I menu di navigazione Swipe, Little Swipe, Grid, Slate e From Scratch forniscono un pulsante menu visualizzato nell’intestazione che consente di accedere al contenuto.
Per i menu di navigazione TabBar e No menu, questo pulsante non verrà visualizzato.

1. Fare clic su “Modifica l’icona” per cambiare l’icona
2. Fare clic su “Colore icona” per cambiarne il colore.

B – Logo:
1. Modifica il colore e il carattere del testo
2. Seleziona l’allineamento orizzontale dell’immagine o del testo

C – Sfondo header:
1. Definire il colore dello sfondo dell’intestazione e il bordo inferiore o scegliere di applicare un’immagine di sfondo*.

* È possibile scegliere un’immagine di sfondo diversa in base al dispositivo su cui viene visualizzata l’app. Assicurati di rispettare le dimensioni. Le dimensioni sono date in riferimento ai dispositivi iOS, ma le stesse immagini verranno utilizzate in dispositivi Android di dimensioni equivalenti.
– Immagine di sfondo: minimo 640 x 128 px
– iPhone 7: minimo 750 x 128 px
– iPhone 7 Plus: minimo 1242 x 192 px
– Tablet e desktop: minimo 2048 x 128 px

D – Azione:
Per creare shortucts (scorciatoie)* sul lato destro dell’header:
1. Fare clic sul pulsante verde “Aggiungi un’azione“.
*È possibile aggiungere un massimo di 6 shortcuts:
– da 1 a 2 shortcuts: accesso diretto dall’header
– Più di 2 shortcuts: il primo è direttamente accessibile, gli altri sono accessibili da un ulteriore menu a comparsa.

2. Seleziona il link dello shortcut (destinazione shortcut) dal menu a comparsa
3. Seleziona l’icona del tuo shortcut
4. Visualizza un titolo *(visualizzato solo su tablet e desktop)
5. Attiva “Visualizza lo shorcut sotto forma di un pulsante” (opzionale, solo per Desktop)

*I titoli degli shortcuts che appartengono al menu a comparsa aggiuntivo vengono sempre visualizzati, indipendentemente dal dispositivo utilizzato.

E – Altri elementi dell’header
Imposta il design del pulsante “Indietro” utilizzato per tornare alle sezioni precedenti all’interno della tua app.
1. Fare clic su “Modifica l’icona” per cambiare l’icona
2. Fai clic su “Colore” per cambiarne il colore.
3. Scegli di applicare uno tra i seguenti effetti sul tuo header:
– nessun effetto
– trasparenza
– sfocatura (disponibile solo per iOS. Per le versioni Android e Web, verrà applicato l’effetto di trasparenza)
– nascondi

Contattaci