ds_banner_alt

GoodBarber
Design System

Scopri come stiamo rivoluzionando la creazione di app per offrire esperienze fluide e belle su tutte le piattaforme.

Esplora il nostro Design System

Il sistema di design GoodBarber

Il GoodBarber Design System è una soluzione completa che funge da struttura, cassetta degli attrezzi e carta grafica per designer e sviluppatori. Offre linee guida in evoluzione per un linguaggio di design coerente, garantendo efficienza e scalabilità.

Stabilisce principi e modelli di progettazione comuni, pur consentendo flessibilità e personalizzazione quando necessario. In definitiva, aiuta a semplificare lo sviluppo delle applicazioni e a creare applicazioni belle e funzionali.

Perché queste linee guida di design?

GoodBarber, un app builder no-code lanciato nel 2011, consente agli utenti di creare applicazioni native o Progressive Web App di grande impatto senza alcuno sforzo. Mantenendo il nostro impegno per l'eccellenza, forniamo continuamente le migliori soluzioni per la creazione di bellissime app.

Agli albori di GoodBarber, il design UX non era pienamente compreso, rendendo lo sviluppo di app impegnativo senza linee guida coerenti. Il nostro percorso ci ha portato a sviluppare il GoodBarber Design System, che offre linee guida e best practice complete per ottenere coerenza visiva, semplificare lo sviluppo e garantire un'esperienza utente coerente.

Condividendo i nostri principi di progettazione, mettiamo gli utenti in condizione di raggiungere coerenza, efficienza e scalabilità nello sviluppo delle loro app, migliorando la qualità complessiva delle applicazioni create con la nostra tecnologia.

code icon

strong>Gli sviluppatori hanno accesso alle specifiche tecniche delle pagine e dei componenti: le loro dimensioni, il loro posizionamento, i loro comportamenti e le loro proprietà.

code icon

I designer possono basarsi su un insieme di regole di spaziatura, dimensioni dei caratteri, rapporti di immagine o distribuzione dei colori per la creazione di nuove pagine.

Obiettivi

ds_objectives_principles_alt

Semplifica la creazione e la produzione di modelli implementando i principi di costruzione.

ds_objectives_consistency_alt

Mantieni la coerenza visiva tra le pagine dell'app su diverse piattaforme.

ds_objectives_smoothux_alt

Garantisci un'esperienza d'uso fluida e ottimale

I principi di design di GoodBarber

Un buon design dovrebbe essere la norma, non un peso per te. GoodBarber è stato il primo app builder a formalizzare un vero design system, così crei app belle e funzionali senza farti carico del lavoro di design. Sei principi lo rendono possibile.

Design di sistema

Ogni schermata è assemblata da un unico design system formale (fondamenti, atomi e componenti): la coerenza è garantita per costruzione, non affidata alla tua disciplina.

Un vero sistema a tre livelli con oltre 100 layout pronti all'uso. Il primo formalizzato in un app builder no-code.

Nessun peso di design

Tu fai le scelte creative (tema, colori, contenuti); il sistema gestisce in silenzio spaziature, tipografia, forme e coerenza.

Nessun pannello di design da imparare, nessuna scala di spaziatura da pianificare. Puoi sovrascrivere qualsiasi impostazione predefinita quando serve.

Nativo di default

Un'unica configurazione produce tre motori: iOS nativo (Swift), Android nativo (Kotlin) e una Progressive Web App (Angular).

Binari Swift e Kotlin compilati più una PWA. Non un wrapper WebView.

Definito una volta, coerente ovunque

Colore, tipografia, spaziature, forme e ombre sono definiti una sola volta come ruoli semantici e riutilizzati ovunque: modificare un'impostazione del tema aggiorna l'intera app in modo coerente.

Quattro ruoli di colore semantici, 18 livelli tipografici calibrati per dispositivo, un sistema di gutter multi-dispositivo.

Leggibile di default

Le palette sono progettate pensando a contrasto e leggibilità, e ogni controllo mantiene un'area di tocco comoda, anche dove l'elemento sembra piccolo.

Genius Palette (un'IA interna) e aree di tocco comode su ogni controllo.

Una cura che si sente

L'output nativo sblocca uno strato sensoriale che la maggior parte delle app no-code tralascia. Sono questi dettagli a far sentire un'app curata, non generata.

Feedback aptico, motion design, un media player trasversale, una TabBar fluttuante.

GoodBarber progetta ogni app su sei principi: design di sistema, nessun peso di design, nativo di default, definito una volta e coerente ovunque, leggibile di default e uno strato sensoriale di cura. Insieme spiegano perché chi non ha competenze di design pubblica un'app che sembra progettata da un professionista.

Esplorate il Design System di GoodBarber e sbloccate il potere di un design di app fluido!

Esplora il nostro Design System