ds_banner_alt

GoodBarber
Design System

Découvrez comment nous révolutionnons la création d’applications pour offrir des expériences fluides et élégantes sur toutes les plateformes.

Explorez notre Design System

Le Design System de GoodBarber

Le "Design System" GoodBarber est une solution complète servant de cadre, de boîte à outils et de charte graphique pour les concepteurs et les développeurs. Il offre des lignes directrices évolutives pour un langage de conception cohérent, garantissant l'efficacité et l'évolutivité.

Il établit des principes et des modèles de conception communs tout en permettant la flexibilité et la personnalisation en cas de besoin. En fin de compte, il permet de rationaliser le développement d'applications et de créer des applications belles et fonctionnelles.

Pourquoi ces directives de design ?

GoodBarber est un App Builder no-code lancé en 2011 qui permet aux utilisateurs de créer de superbes apps natives ou Progressive Web Apps sans effort. En respectant notre engagement d'excellence, nous fournissons continuellement les meilleures solutions pour la création de belles d'applications.

Lorsque GoodBarber a été lancé pour la première fois, le domaine de la conception de l'expérience utilisateur (UX) n'était pas aussi largement compris ou adopté qu'il l'est aujourd'hui. Notre parcours nous a amenés à développer le Design System de GoodBarber, offrant des directives cohérentes et des bonnes pratiques pour atteindre une cohérence visuelle, accélérer le processus de développement, et assurer une expérience utilisateur cohérente..

En partageant nos principes de conception, nous permettons aux utilisateurs d'atteindre la cohérence, l'efficacité et l'évolutivité dans leur développement d'applications, améliorant ainsi la qualité globale des applications créées à l'aide de notre technologie.

code icon

Les développeurs ont accès aux spécifications techniques des pages et des composants : leur taille, leur positionnement, leurs comportements et leurs propriétés.

code icon

Les designers peuvent se baser sur un ensemble de règles d'espacement, de tailles de polices, de ratios d'images ou de répartition des couleurs pour la création de nouvelles pages.

Objectifs

ds_objectives_principles_alt

Rationaliser la création et la production de templates en appliquant des principes de construction.

ds_objectives_consistency_alt

Assurez la cohérence visuelle entre les pages d'une application sur différentes plateformes.

ds_objectives_smoothux_alt

Garantir une expérience utilisateur fluide et optimale

Les principes de design GoodBarber

Un design réussi devrait être la norme, pas votre fardeau. GoodBarber a été le premier créateur d'applications à formaliser un véritable design system : vous créez des applications belles et fonctionnelles sans porter le travail de design. Six principes rendent cela possible.

Un design par le système

Chaque écran est assemblé à partir d'un seul design system formel (fondations, atomes et composants) : la cohérence est garantie par construction, pas laissée à votre discipline.

Un vrai système à trois couches avec plus de 100 layouts prêts à l'emploi. Le premier formalisé dans un créateur d'applications no-code.

Zéro fardeau de design

Vous faites les choix créatifs (thème, couleurs, contenu) ; le système gère en silence les espacements, la typographie, les formes et la cohérence.

Aucun panneau de design à apprendre, aucune échelle d'espacement à planifier. Vous pouvez surcharger n'importe quel réglage par défaut au besoin.

Natif par défaut

Une seule configuration produit trois moteurs : iOS natif (Swift), Android natif (Kotlin) et une Progressive Web App (Angular).

Des binaires Swift et Kotlin compilés, plus une PWA. Pas un habillage WebView.

Défini une fois, cohérent partout

Couleur, typographie, espacements, formes et ombres sont définis une seule fois comme rôles sémantiques puis réutilisés partout : modifier un réglage de thème met à jour toute l'application de façon cohérente.

Quatre rôles de couleur sémantiques, 18 niveaux typographiques calibrés par appareil, un système de gouttières multi-appareils.

Lisible par défaut

Les palettes sont pensées pour le contraste et la lisibilité, et chaque contrôle conserve une zone tactile confortable, même quand l'élément paraît petit.

Genius Palette (une IA maison) et des zones tactiles confortables sur chaque contrôle.

Une finition qui se ressent

La sortie native débloque une couche sensorielle que la plupart des applications no-code ignorent. Ce sont ces détails qui donnent à une application l'impression d'être façonnée, pas générée.

Retour haptique, motion design, un lecteur multimédia transversal, une TabBar flottante.

GoodBarber conçoit chaque application sur six principes : un design par le système, zéro fardeau de design, natif par défaut, défini une fois et cohérent partout, lisible par défaut, et une couche sensorielle de finition. Ensemble, ils expliquent pourquoi une personne sans bagage en design publie une application qui semble conçue par un professionnel.

Explorez le Design System de GoodBarber et libérez la puissance d’un design d’applications fluide !

Explorez notre Design System
Conseils pour créer une app