Stile dell'app: Design essenziale

Il menu Stile app ti consente di gestire il design generale della tua app da un'unica posizione.
Tutte le opzioni impostate in questo menu vengono applicate globalmente a ogni sezione della tua app.

⚠️ Importante
Se modifichi qualsiasi opzione nel menu Stile app, tutte le impostazioni di design personalizzate in precedenza a livello di sezione verranno sovrascritte.
Le nuove impostazioni dello stile dell'app sostituiranno i design specifici delle sezioni e saranno applicate a tutte le sezioni dell'app.

Per configurare il design essenziale dello stile dell'app:
1. Vai al menu a sinistra "La mia app"
2. Fai clic su "Stile dell'app " nella colonna di destra

Per una personalizzazione approfondita di una sezione specifica, fai riferimento alla guida online dedicata alle impostazioni di design a livello di sezione.

1. Imposta il tema cromatico
Un tema cromatico è un insieme di colori complementari che vengono applicati globalmente alla tua app.
GoodBarber offre diverse opzioni: puoi scegliere tra le combinazioni di colori predefinite, utilizzare la Magic Palette per generare automaticamente un tema, oppure creare il tuo tema da zero o modificando una tavolozza esistente.

2. Personalizza i colori in modo più dettagliato
Una volta definito il tema, puoi ottimizzare l'uso dei colori per ogni elemento della tua app. Ad esempio:
- Intestazione: colore del titolo, colore dell'icona e colore di sfondo
- Colori primari utilizzati in tutta l'app
- Colore di sfondo dell'app
- Colori dei pulsanti
- E altro ancora

Questo ti permette di controllare con precisione l'identità visiva della tua app.

3. Applica il tema alla tua app
Dopo aver impostato e personalizzato i colori, applica il tema alla tua app.
Queste impostazioni verranno applicate automaticamente a tutte le sezioni, aiutandoti a risparmiare tempo e a mantenere un design coerente in tutta l'app.

Il testo nella tua app segue una gerarchia chiara per garantire leggibilità e coerenza visiva.
Sono utilizzati otto livelli di testo per visualizzare titoli, sottotitoli e contenuto dei paragrafi.

1. Seleziona un tema di font
Il menu Stile app ti consente di scegliere un tema di font composto da tre font complementari.
Questa combinazione di font viene applicata globalmente alla tua app per mantenere l'armonia visiva.

2. Imposta la dimensione del testo utilizzando il cursore
Lo stile dell'app calcola automaticamente la dimensione del carattere per ogni livello di testo in modo da rispettare la gerarchia del testo.
Regolando il cursore, tutti i livelli vengono ridimensionati proporzionalmente, preservando la leggibilità.

3. Personalizza i caratteri di ogni livello
Puoi ottimizzare i caratteri di ogni livello di testo individualmente.
Sono disponibili tutti i caratteri della libreria Google Fonts, insieme ai caratteri nativi installati di default sui dispositivi dei tuoi utenti.

Per una maggiore coerenza visiva, ti consigliamo di utilizzare non più di tre tipi di carattere nella tua app.

Puoi anche aggiungere un tipo di carattere personalizzato* facendo clic sull'icona + nell'elenco a discesa. Il tipo di carattere verrà quindi aggiunto all'elenco delle famiglie di caratteri.
*Importante: i tipi di carattere possono essere soggetti a restrizioni di copyright e licenza, sia per uso personale che commerciale.
Assicurati di avere il diritto di utilizzare e distribuire qualsiasi font nel contesto della tua app verificandone il contratto di licenza.

4. Modifica le proprietà dei font
Per ogni font è possibile definire lo spessore, l'altezza della linea e la spaziatura tra le lettere.

5. Applica le impostazioni dei font
Una volta impostati e personalizzati i font, applica le modifiche alla tua app.
Queste impostazioni vengono applicate automaticamente a tutte le sezioni, consentendoti di risparmiare tempo e mantenere un design coerente in tutta l'app.

Nella tua app, i pulsanti vengono utilizzati nelle pagine che richiedono agli utenti di eseguire un'azione.
Esistono tre livelli di pulsanti, ciascuno progettato per un tipo specifico di azione e contesto all'interno delle sezioni e dei widget Home.

GoodBarber assegna automaticamente il livello di pulsante appropriato in base all'azione e alla posizione in cui il pulsante viene visualizzato nell'app.

- Livello 1: pulsante di azione primaria, sempre visualizzato come pulsante riempito
- Livello 2: pulsante di azione secondaria, sempre visualizzato come pulsante contornato
- Livello 3: azione terziaria, visualizzata solo come link testuale

1. Imposta la forma del pulsante
Dal menu Stile app, puoi scegliere la forma da applicare a tutti i pulsanti della tua app:
- Quadrato
- Arrotondato
- Rotondo

Questa impostazione si applica globalmente a tutti i livelli di pulsante.

Importante
- I colori dei pulsanti si basano sulla combinazione di colori della tua app. Puoi sovrascrivere il colore di un pulsante specifico dal pannello del design della sezione o dalle impostazioni del widget .
- Il livello del pulsante è definito da GoodBarber e non può essere modificato manualmente.