--- title: "Design System - Retningslinjer for appdesign og UX til at bygge de bedste mobilapps" description: "Vores designsystem samler de retningslinjer for UX- og appdesign, der bruges til at bygge dine apps via vores app-builder, så du opnår visuel konsistens på tværs af alle platforme." canonical_url: "https://www.goodbarber.com/uxdesign/" lang: da --- # Design System - Retningslinjer for appdesign og UX til at bygge de bedste mobilapps ![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](/uxdesign/foundations) ### 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.** [Fundamenter Kerneprincipper for sammenhængende og konsekvent skabelonkonstruktion på tværs af alle platforme.](/uxdesign/foundations)[Atomer Vigtige komponenter, der sikrer visuel konsistens og strømliner arbejdsgangen.](/uxdesign/atomic-components)[Komponenter Genanvendelige elementer som byggesten til sammenhængende og brugervenlige grænseflader.](/uxdesign/ui-components) ### 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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-dev@small.a0034b531522.png) **Udviklere** har adgang til de tekniske specifikationer for siderne og komponenterne: deres størrelse, deres placering, deres adfærd og deres egenskaber. ![code icon](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-design@small.55c3dabb4ecd.png) **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](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-04-streamline@small.b7c5264ab429.png) Effektiviser oprettelse og produktion af skabeloner ved at implementere konstruktionsprincipper. ![ds_objectives_consistency_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-05-consistency@small.6c9cbe395733.png) Sørg for visuel konsistens mellem siderne i en app på tværs af forskellige platforme. ![ds_objectives_smoothux_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-06-ux@small.35d00be0e89f.png) 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](/uxdesign/foundations)