--- title: "Design System - Linee guida per il design e l'UX delle app per la realizzazione di applicazioni di alto livello." description: "Il nostro Design System compila le linee guida UX e App Design usate per costruire le vostre app attraverso il nostro app builder per ottenere una coerenza visiva su tutte le piattaforme." canonical_url: "https://www.goodbarber.com/uxdesign/" lang: it --- # Design System - Linee guida per il design e l'UX delle app per la realizzazione di applicazioni di alto livello. ![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](/uxdesign/foundations) ### 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.** [Basi Principi fondamentali per la costruzione di modelli coerenti e coesi su tutte le piattaforme.](/uxdesign/foundations)[Átomos Componenti essenziali che garantiscono la coerenza visiva e semplificano il flusso di lavoro.](/uxdesign/atomic-components)[Componenti Elementi riutilizzabili come elementi costitutivi di interfacce coese e facili da usare.](/uxdesign/ui-components) ### 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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-dev@small.a0034b531522.png) 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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-design@small.55c3dabb4ecd.png) **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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-04-streamline@small.b7c5264ab429.png) Semplifica la creazione e la produzione di modelli implementando i principi di costruzione. ![ds_objectives_consistency_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-05-consistency@small.6c9cbe395733.png) Mantieni la coerenza visiva tra le pagine dell'app su diverse piattaforme. ![ds_objectives_smoothux_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-06-ux@small.35d00be0e89f.png) 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](/uxdesign/foundations)