Blog

Nuovo menù Global Style: configurazione del design facilitata

  3 min di lettura

Global Style è la nuova funzionalità di GoodBarber che ti permette di gestire il design generale della tua app da un unico menù. Un modo per avere facilmente un design omogeneo, e risparmiare tempo.
Come ben sai, per noi il design è un qualcosa di sacro. Abbiamo infatti un'ossessione, permetterti di personalizzare il più possibile la tua app e renderla veramente unica. E lo possiamo dire tranquillamente: non esiste un app builder più completo del nostro quanto a opzioni di configurazione del design.

È vero che offrire troppe opzioni a volte può rendere un'interfaccia difficile da utilizzare, ma il nostro obiettivo è stato quello di fare tutto ciò senza complicare le cose. Global Style è appunto la soluzione, un menù dove puoi definire il design generale del tuo progetto. E per concepirlo abbiamo dovuto ricostruire alcuni parti di GoodBarber, in modo particolare quelle relative alla gestione del design. 

Quando un utente crea un progetto sulla piattaforma, gli viene assegnato un tema di default (tema che viene scelto in modo casuale). Ognuno di questi temi viene creato interamente dai nostri designer: i colori, il font, gli effetti utilizzati, il design dei pulsanti.

Fino ad oggi il tema era parte di un qualcosa di unico e inseparabile. Se infatti ti piaceva particolarmente uno di questi temi, ma volevi cambiare un piccolo dettaglio avevi due soluzioni:
- soluzione rapida: rinunciare al tema e trovarne un altro che ti piacesse nell'insieme;
- soluzione noiosa: modificare una per una le pagine e cambiare questo particolare non gradito.

Dimentica dunque adesso la 'soluzione noiosa': con Global Style puoi modificare adesso intere parti di un tema e applicare tali cambiamenti a tutte le pagine con un semplice clic.
 

Tema di colori

Un tema di colori è basicamente una combinazione di colori che funziona bene nell'insieme. Global Style ne propone diversi all'interno della sua biblioteca. Quando scegli un tema di colori, ogni differente elemento della tua app prende i colori di cui questo tema è composto. 

Ogni tema di colori ha delle caratteristiche ben definite: alcuni hanno il gradiente anche nei titoli e nell'immagini di sfondo, altri invece prediligono i colori a tinta unita. GoodBarber ti propone in totale 31 temi differenti.
 

Tipografia

Esiste una precisa gerarchia per ciò che riguarda i testi dell'app. 8 differenti livelli per far visualizzare titoli, sottotitoli e paragrafi. Un cursore ti permette di definirne le varie dimensioni. Il Global Style calcola dunque automaticamente le dimensioni di ciascuno di questi livelli in modo da rispettare tale gerarchia. 

Per ognuno di questi livelli hai la possibilità di scegliere il font da utilizzare, con a disposizione un'ampia scelta direttamente dal catalogo di Google Font (così come i font nativi disponibili di default sul dispositivo dei tuoi utenti). Per ognuno di questi font hai poi le varie opzioni grassetto, corsivo etc... .

Pulsanti

Per i pulsanti dell'app che invitano l'utente a effettuare delle azioni, è possibile sceglierne il design. Tale design è sempre in funzione del tema di colori, col fine di rispettarne l'armonia. Hai a disposizione 8 diverse declinazioni per ogni tema.

Effetti hover

Non dimenticare poi che la tua Progressive Web App è beautiful su mobile, ma anche su desktop.  
Hai infatti la possibilità di avere anche un effetto hover su alcuni elementi (immagini e link), passandoci semplicemente sopra col puntatore del mouse.

Elementi extra

La bellezza di un design si vede nei dettagli. Global Style mette a portata di mano e nello stesso posto le opzioni relative al menù icona e al pulsante 'back'.
Il menù Global Style si trova nel Builder e rappresenta il primo step della procedura guidata. Un sistema molto più flessibile della semplice scelta del tema e che ti da una rapida panoramica del design globale dell'applicazione. Vogliamo rassicurare ad ogni modo gli utenti più esperti: esiste ancora la possibilità di modificare individualmente ognuna delle pagine dell'app. Global Style vuole semplicemente essere un modo in più per avere un design omogeneo nella tua app.


 

Continua a leggere

  7 min di lettura

Come regolare i bordi nella mia app?

In GoodBarber, ogni cella, widget e campo ha già il suo bordo di 1 px. Dagli un colore, uno spessore di 1, 2 o 4 px, o un solo lato sotto un titolo.

  4 min di lettura

Il nuovo back office di GoodBarber: più chiarezza per creare la tua app

Tutto parte dal design. Un nuovo carattere tipografico, Plus Jakarta Sans, un blu per l'interfaccia, un verde riservato a ciò che pubblica e conferma, angoli addolciti, ombre morbide e icone ridisegnate. L'insieme si legge con calma e ogni colore ha un ruolo: il blu guida, il verde conferma.In My App, l'anteprima della tua app occupa il centro dello schermo e le impostazioni sono raccolte in un pannello a destra. Modifichi da una parte, vedi il risultato dall'altra, e la tua app resta sotto i tuoi occhi per tutto il lavoro.