ds_banner_alt

GoodBarber
Designsystem

Upptäck hur vi revolutionerar skapandet av appar för sömlösa, vackra upplevelser på alla plattformar.

Utforska vårt designsystem

GoodBarbers designsystem

GoodBarber Design System är en heltäckande lösning som fungerar som ett ramverk, en verktygslåda och en grafisk manual för designers och utvecklare. Det erbjuder utvecklande riktlinjer för ett konsekvent designspråk, vilket säkerställer effektivitet och skalbarhet.



Den fastställer gemensamma designprinciper och mönster samtidigt som den tillåter flexibilitet och anpassning vid behov. I slutändan hjälper det till att effektivisera apputvecklingen och skapa vackra och funktionella appar.

Varför dessa designriktlinjer?

GoodBarber, en appbyggare utan kod som lanserades 2011, ger användare möjlighet att skapa fantastiska native-appar eller Progressive Web Apps utan ansträngning. Genom att upprätthålla vårt engagemang för excellens tillhandahåller vi kontinuerligt de bästa lösningarna för vackert appskapande.

I GoodBarbers tidiga dagar var UX-design inte helt förstådd, vilket gjorde apputveckling utmanande utan konsekventa riktlinjer. Vår resa ledde oss till att utveckla GoodBarber Design System, som erbjuder omfattande riktlinjer och bästa praxis för att uppnå visuell konsistens, effektivisera utvecklingen och säkerställa en konsistent användarupplevelse.

Genom att dela våra designprinciper ger vi användarna möjlighet att uppnå konsistens, effektivitet och skalbarhet i sin apputveckling, vilket förbättrar den övergripande kvaliteten på de appar som skapas med vår teknik.

code icon

Utvecklare har tillgång till de tekniska specifikationerna för sidorna och komponenterna: deras storlek, deras positionering, deras beteenden och deras egenskaper.

code icon

Designers kan förlita sig på en uppsättning avståndsregler, teckenstorlekar, bildförhållanden eller färgfördelning för att skapa nya sidor.

Målsättningar

ds_objectives_principles_alt

Effektivisera skapandet och produktionen av mallar genom att implementera konstruktionsprinciper.

ds_objectives_consistency_alt

Säkerställ visuell konsekvens mellan sidorna i en app på olika plattformar.

ds_objectives_smoothux_alt

Garantera en smidig och optimal användarupplevelse

GoodBarbers designprinciper

Bra design borde vara standard, inte din börda. GoodBarber var den första app-byggaren som formaliserade ett riktigt designsystem, så att du skapar snygga och funktionella appar utan att bära designarbetet. Sex principer gör det möjligt.

Design genom system

Varje skärm byggs ihop från ett enda formellt designsystem (grunder, atomer och komponenter), så att konsekvens är garanterad genom konstruktion och inte beror på din disciplin.

Ett äkta system i tre lager med över 100 färdiga layouter. Det första som formaliserats i en no-code-app-byggare.

Ingen designbörda

Du gör de kreativa valen (tema, färger, innehåll); systemet sköter tyst avstånd, typografi, former och konsekvens.

Ingen designpanel att lära sig, ingen avståndsskala att planera. Åsidosätt vilket standardvärde du vill när det behövs.

Native som standard

En enda konfiguration ger tre motorer: nativt iOS (Swift), nativt Android (Kotlin) och en Progressive Web App (Angular).

Kompilerade Swift- och Kotlin-binärer plus en PWA. Ingen WebView-wrapper.

Ställ in en gång, konsekvent överallt

Färg, typografi, avstånd, former och skuggor definieras en gång som semantiska roller och återanvänds överallt, så att en ändrad temainställning uppdaterar hela appen konsekvent.

Fyra semantiska färgroller, 18 enhetskalibrerade typografinivåer, ett gutter-system för flera enheter.

Läsbar som standard

Paletterna är utformade med kontrast och läsbarhet i åtanke, och varje kontroll behåller en bekväm tryckyta, även där elementet ser litet ut.

Genius Palette (en egen AI) och bekväma tryckytor på varje kontroll.

En finish du känner

Nativ output låser upp ett sinnligt lager som de flesta no-code-appar hoppar över. Det är dessa detaljer som får en app att kännas hantverksmässig, inte genererad.

Haptisk feedback, motion design, en genomgående mediaspelare, en flytande TabBar.

GoodBarber utformar varje app utifrån sex principer: design genom system, ingen designbörda, native som standard, ställ in en gång och konsekvent överallt, läsbar som standard och ett sinnligt lager av finish. Tillsammans är de skälet till att någon utan designbakgrund lanserar en app som ser professionellt designad ut.

Utforska GoodBarber Design System och ta del av kraften i sömlös appdesign!

Utforska vårt designsystem