--- title: "Design System - retningslinjer for appdesign og UX for å bygge de beste mobilappene" description: "Designsystemet vårt samler UX- og appdesignretningslinjene som brukes til å bygge appene dine gjennom appbyggeren vår for å oppnå visuell konsistens på tvers av alle plattformer." canonical_url: "https://www.goodbarber.com/uxdesign/" lang: no --- # Design System - retningslinjer for appdesign og UX for å bygge de beste mobilappene ![ds_banner_alt](<>) # GoodBarber Design System ## Oppdag hvordan vi revolusjonerer apputvikling for sømløse, vakre opplevelser på tvers av alle plattformer. [Utforsk designsystemet vårt](/uxdesign/foundations) ### GoodBarber Design System GoodBarber Design System er en omfattende løsning som fungerer som et rammeverk, en verktøykasse og et grafisk charter for designere og utviklere. Det tilbyr **utviklende retningslinjer** for et konsekvent designspråk som sikrer effektivitet og skalerbarhet. Den etablerer felles designprinsipper og -mønstre, samtidig som den tillater fleksibilitet og tilpasning ved behov. Til syvende og sist bidrar det til å effektivisere apputviklingen og **skape vakre og funksjonelle apper.** [Fundamenter Kjerneprinsipper for sammenhengende og konsekvent maloppbygging på tvers av alle plattformer.](/uxdesign/foundations)[Atomer Viktige komponenter som sikrer visuell konsistens og effektiviserer arbeidsflyten.](/uxdesign/atomic-components)[Komponenter Gjenbrukbare elementer som byggesteiner for sammenhengende og brukervennlige grensesnitt.](/uxdesign/ui-components) ### Hvorfor disse designretningslinjene? GoodBarber, en appbygger uten kode som ble lansert i 2011, gir brukerne mulighet til å lage fantastiske native-apper eller Progressive Web Apps uten problemer. Vi er opptatt av å være dyktige, og tilbyr kontinuerlig **de beste løsningene for å lage flotte apper.** I GoodBarbers barndom var UX-design ikke fullt ut forstått, noe som gjorde apputvikling utfordrende uten konsekvente retningslinjer. Vår reise førte oss til å utvikle GoodBarber Design System, som tilbyr omfattende **retningslinjer og beste praksis** for å oppnå **visuell konsistens, effektivisere utviklingen** og sikre en **konsistent brukeropplevelse.** Ved å dele designprinsippene våre gir vi brukerne mulighet til å oppnå **konsistens, effektivitet og skalerbarhet** i apputviklingen, noe som forbedrer den generelle kvaliteten på appene som skapes med vår teknologi. ![code icon](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-dev@small.a0034b531522.png) **Utviklere** har tilgang til de tekniske spesifikasjonene for sidene og komponentene: deres størrelse, plassering, oppførsel og egenskaper. ![code icon](https://portal.ww-cdn.com/portal_static/images/designsystem/main/guidelines-design@small.55c3dabb4ecd.png) **Designere** kan basere seg på et sett med regler for mellomrom, skriftstørrelser, bildeforhold eller fargefordeling når de lager nye sider. ### Målsettinger ![ds_objectives_principles_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-04-streamline@small.b7c5264ab429.png) Effektiviser oppretting og produksjon av maler ved å implementere konstruksjonsprinsipper. ![ds_objectives_consistency_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-05-consistency@small.6c9cbe395733.png) Sørg for visuell konsistens mellom sidene i en app på tvers av ulike plattformer. ![ds_objectives_smoothux_alt](https://portal.ww-cdn.com/portal_static/images/designsystem/main/landing_page-06-ux@small.35d00be0e89f.png) Garanti for en smidig og optimal brukeropplevelse ### GoodBarbers designprinsipper God design bør være standarden, ikke byrden din. GoodBarber var den første app-byggeren som formaliserte et ekte designsystem, slik at du lager pene og funksjonelle apper uten å bære designarbeidet. Seks prinsipper gjør det mulig. #### Design gjennom system Hver skjerm settes sammen fra ett enkelt formelt designsystem (grunnelementer, atomer og komponenter), slik at konsistens er garantert gjennom konstruksjon og ikke overlatt til din disiplin. Et ekte system i tre lag med over 100 ferdige layouter. Det første som er formalisert i en no-code-app-bygger. #### Ingen designbyrde Du tar de kreative valgene (tema, farger, innhold); systemet håndterer stille avstander, typografi, former og konsistens. Ingen designpanel å lære, ingen avstandsskala å planlegge. Overstyr hvilken som helst standard når du trenger det. #### Native som standard Én enkelt konfigurasjon gir tre motorer: native iOS (Swift), native Android (Kotlin) og en Progressive Web App (Angular). Kompilerte Swift- og Kotlin-binærfiler pluss en PWA. Ingen WebView-wrapper. #### Sett én gang, konsekvent overalt Farge, typografi, avstander, former og skygger defineres én gang som semantiske roller og gjenbrukes overalt, slik at én temainnstilling oppdaterer hele appen konsekvent. Fire semantiske fargeroller, 18 enhetskalibrerte typografinivåer, et gutter-system for flere enheter. #### Lesbar som standard Palettene er utformet med tanke på kontrast og lesbarhet, og hver kontroll beholder et behagelig trykkområde, også der elementet ser lite ut. Genius Palette (en egen AI) og behagelige trykkområder på hver kontroll. #### En finish du kjenner Nativ output låser opp et sanselig lag som de fleste no-code-apper hopper over. Det er disse detaljene som får en app til å føles håndlaget, ikke generert. Haptisk tilbakemelding, motion design, en gjennomgående mediespiller, en flytende TabBar. GoodBarber utformer hver app etter seks prinsipper: design gjennom system, ingen designbyrde, native som standard, sett én gang og konsekvent overalt, lesbar som standard og et sanselig lag med finish. Sammen er de grunnen til at noen uten designbakgrunn lanserer en app som ser profesjonelt designet ut. Utforsk GoodBarber Design System og få tilgang til sømløs appdesign! [Utforsk designsystemet vårt](/uxdesign/foundations)