ds_banner_alt

GoodBarber
Designsystem

Se, hvordan vi revolutionerer skabelsen af apps og giver sømløse, smukke oplevelser på tværs af alle platforme.

Udforsk vores designsystem

GoodBarber-designsystemet

GoodBarber Design System er en omfattende løsning, der fungerer som en ramme, en værktøjskasse og et grafisk charter for designere og udviklere. Det tilbyder udviklende retningslinjer for et ensartet designsprog, der sikrer effektivitet og skalerbarhed.

Det etablerer fælles designprincipper og -mønstre, samtidig med at det giver mulighed for fleksibilitet og tilpasning, når det er nødvendigt. I sidste ende hjælper det med at strømline app-udvikling og skabe smukke og funktionelle apps.

Hvorfor disse designretningslinjer?

GoodBarber, en app-builder uden kode, der blev lanceret i 2011, giver brugerne mulighed for at skabe fantastiske native apps eller Progressive Web Apps uden besvær. Vi holder fast i vores forpligtelse til ekspertise og leverer løbende de bedste løsninger til at skabe smukke apps.

I GoodBarbers tidlige dage var der ikke fuld forståelse for UX-design, hvilket gjorde app-udvikling udfordrende uden konsekvente retningslinjer. Vores rejse førte os til at udvikle GoodBarber Design System, der tilbyder omfattende retningslinjer og bedste praksis for at opnå visuel konsistens, strømline udvikling og sikre en konsistent brugeroplevelse.

Ved at dele vores designprincipper giver vi brugerne mulighed for at opnå konsistens, effektivitet og skalerbarhed i deres app-udvikling, hvilket forbedrer den overordnede kvalitet af de apps, der er skabt med vores teknologi.

code icon

Udviklere har adgang til de tekniske specifikationer for siderne og komponenterne: deres størrelse, deres placering, deres adfærd og deres egenskaber.

code icon

Designere kan stole på et sæt regler for afstand, skriftstørrelser, billedforhold eller farvefordeling, når de opretter nye sider.

Målsætninger

ds_objectives_principles_alt

Effektiviser oprettelse og produktion af skabeloner ved at implementere konstruktionsprincipper.

ds_objectives_consistency_alt

Sørg for visuel konsistens mellem siderne i en app på tværs af forskellige platforme.

ds_objectives_smoothux_alt

Garanti for en jævn og optimal brugeroplevelse

GoodBarbers designprincipper

Godt design bør være standarden, ikke din byrde. GoodBarber var den første app-bygger, der formaliserede et ægte designsystem, så du skaber smukke og funktionelle apps uden at bære designarbejdet. Seks principper gør det muligt.

Design gennem system

Hver skærm sættes sammen fra ét formelt designsystem (fundamenter, atomer og komponenter), så konsistens er garanteret gennem konstruktion og ikke overladt til din disciplin.

Et ægte system i tre lag med over 100 færdige layouts. Det første, der er formaliseret i en no-code-app-bygger.

Ingen designbyrde

Du træffer de kreative valg (tema, farver, indhold); systemet håndterer i stilhed afstande, typografi, former og konsistens.

Intet designpanel at lære, ingen afstandsskala at planlægge. Tilsidesæt enhver standard, når du har brug for det.

Native som standard

Én enkelt konfiguration giver tre motorer: native iOS (Swift), native Android (Kotlin) og en Progressive Web App (Angular).

Kompilerede Swift- og Kotlin-binære filer plus en PWA. Ingen WebView-wrapper.

Sæt én gang, konsistent overalt

Farve, typografi, afstande, former og skygger defineres én gang som semantiske roller og genbruges overalt, så en enkelt temaindstilling opdaterer hele appen konsekvent.

Fire semantiske farveroller, 18 enhedskalibrerede typografiniveauer, et gutter-system til flere enheder.

Læsbar som standard

Paletterne er designet med kontrast og læsbarhed for øje, og hver kontrol bevarer et behageligt trykområde, selv hvor elementet ser lille ud.

Genius Palette (en intern AI) og behagelige trykområder på hver kontrol.

En finish du kan mærke

Native output låser op for et sanseligt lag, som de fleste no-code-apps springer over. Det er disse detaljer, der får en app til at føles håndlavet, ikke genereret.

Haptisk feedback, motion design, en gennemgående medieafspiller, en flydende TabBar.

GoodBarber designer hver app ud fra seks principper: design gennem system, ingen designbyrde, native som standard, sæt én gang og konsistent overalt, læsbar som standard og et sanseligt lag af finish. Tilsammen er de grunden til, at nogen uden designbaggrund udgiver en app, der ser professionelt designet ud.

Udforsk GoodBarber Design System, og lås op for kraften i sømløst app-design!

Udforsk vores designsystem