Modulopbygget design

Få glæde af den bedste no-code app builder til at skabe et smukt design til din app

Generelt design+

  • Tilpasset hver enhed

    GoodBarber har styr på designet hele vejen fra mobil til computer. Vores designelementer tilpasser sig perfekt til hver skærmstørrelse, så kvaliteten er den samme på alle enheder: smartphone, tablet, bærbar eller stationær.

  • Global Style Tool

    Styr din apps overordnede stil fra én enkelt menu: farvetema, typografi, handlingsknapper, hover-effekter og andre elementer. Skab dit design, og anvend det på hele din app med ét klik. 

  • Håndtering af baggrundsbilleder

    GoodBarber lader dig integrere billeder i dit design og vise dem i baggrunden.

  • Margener der kan tilpasses

    Tilpas margenerne i dit projekt: vandret for alle skærme, lodret kun for visningen på mobilskærme.

  • Hover-effekter på tekster

    Tilføj en hover-effekt på dine tekster: understregning, lysere eller mørkere skriftfarve.

  • Hover-effekter på billeder

    Tilføj en hover-effekt på dine billeder: zoom ind, zoom ud eller gennemsigtighed.

  • Skift af tema

    Du kan skifte tema med ét klik og samtidig beholde din navigationstilstand og dit projekts overordnede struktur og indhold.

  • En løsning til hvert formål

    Mangfoldigheden af skabeloner og bredden og styrken i de tilgængelige tilpasningsmuligheder gør, at du kan skabe en app, der passer præcis til dit formål.

  • Stileditor

    Styr dine stilarter på globalt niveau for at sikre et sammenhængende design på tværs af appens forskellige visninger.

  • Log over ændringer

    GoodBarbers backoffice indeholder en log over ændringer, hvor du kan se historikken over alle de ændringer, der er foretaget i dit projekt.

  • Opdatering af designet uden at bygge appen igen

    Opdateringer af dit projekts design kræver ikke, at du bygger din app igen. Når de er godkendt, træder de automatisk i kraft og bliver synlige for dine brugere uden yderligere handling.

  • Billedbibliotek

    Gem billeder i dit personlige bibliotek, så du nemt kan finde dem frem igen senere.

  • Selektiv tilpasning af billedstørrelse

    Billeder tilpasses flere størrelsesforhold, komprimeres og caches for at ramme den bedste kombination af filstørrelse, ydeevne og visningskvalitet. Indlæsningstiderne optimeres, uden at visningskvaliteten sættes over styr.

  • Monokrom effekt

    Takket være billededitoren i GoodBarbers backoffice kan du lægge en monokrom effekt på dine billeder.

  • Sløringseffekt

    Tilføj en sløringseffekt på dine billeder med ét klik direkte fra GoodBarbers backoffice takket være den indbyggede billededitor.

  • Zoomeffekt

    Anvend zoomeffekter, når musen føres hen over billederne, i computerversionen af dit projekt.

  • Assistent til generering af ikon og splash screen

    GoodBarbers backoffice tilbyder et værktøj, der hjælper dig med at skabe dit app-ikon og din opstartsskærm helt fra bunden.

  • Håndtering af farveovergange

    Integrér farveovergange i din apps design ved at vælge en fra det fulde bibliotek (som bruger tjenesten https://uigradients.com). Når du har valgt en, genereres og anvendes farveovergangen automatisk på din apps design.

  • Genius Palette

    Overlad din farvepalet til AI. Med ét klik genererer Genius Palette et sammenhængende, professionelt farvesæt, klar til at blive anvendt på hele dit design.

  • Design System

    GoodBarber hviler på et formaliseret designsystem: fundamenter, atomer og komponenter plus et bibliotek af færdige layouts. Reglerne gælder som standard for hver side, så et projekt forbliver sammenhængende fra skærm til skærm.

  • Haptisk feedback og animationer

    Native apps har et sanseligt lag: haptisk feedback under fingeren, flydende overgange fra en liste til dens detaljevisning og bevægelser, der svarer på scrollen.

  • Former på knapper og formularfelter

    Bestem formen på hver knap i din app, firkantet, afrundet eller rund, sammen med formen, størrelsen og placeringen af etiketten på dine formularfelter.

  • App Walkthrough

    Guid dine brugere gennem den første start med en interaktiv gennemgang. Vælg hvordan den vises, og gør skærmene levende med Lottie-animationer.

Forside+

  • Modulopbygget forside

    Forsiden er den første sektion i din app. Den består af widgets og er helt fleksibel. Med det store udvalg af widgets kan du bygge dit projekt op, så din app bliver helt sin egen.

  • Slå til eller fra

    Du kan vælge at slå forsiden til eller fra i din app. Slår du den fra, afhænger navigationen udelukkende af den navigationstilstand, du vælger. 

  • 77 widgets

    Med widgets har du en enestående frihed til at organisere din apps forside.

  • Indholdswidgets

    Content apps

    Gør din apps forside mere levende med widgets, der opdateres automatisk, hver gang der udgives nyt indhold i dit projekt.

  • Navigationswidgets

    Content apps

    Giv direkte adgang til de vigtigste sektioner i din app med widgets dedikeret til navigation. Den perfekte måde at lede dine brugere hen til kernen i dit projekt.

  • E-handelswidgets

    eCommerce apps

    Skab direkte indgange til dine produkter og kollektioner fra din apps forside med widgetsene til produktlister og kollektionslister

  • Kampagnewidget

    eCommerce apps

    Vis en kampagnebesked, så snart brugerne lander på din butiks forside. Du kan fremhæve et produkt, en kollektion eller en liste af kollektioner. Kampagnewidgetten er meget fleksibel og hjælper dig med at øge dit salg.

  • Halvdynamiske widgets

    Disse widgets lader dig bygge en forside, der opdaterer sig selv, hver gang der udgives nyt indhold, samtidig med at brugeren får en klar struktur at navigere appen efter.

  • Andre widgets

    Denne kategori samler nyttige widgets som søgning, nyhedsbrev, annoncer, nedtælling og HTML-widgets.

  • Opbygning med træk og slip

    Det er nemt at arrangere de forskellige widgets på din forside. Du trækker dem bare hen, hvor du vil have dem.

  • Sorteringsmuligheder

    Få adgang til en lang række muligheder for at styre rækkefølgen af elementerne i dine indholdswidgets: efter dato, popularitet, alfabetisk, tilfældigt og så videre.

  • Antal elementer

    Antallet af elementer, en widget viser, kan indstilles for hver enkelt widget, så du har maksimal frihed til at organisere din forside.

  • Widgets med egen kode

    Byg dine egne widgets i HTML, CSS og JavaScript, og placér dem på forsiden ved siden af standardwidgetsene.

Tilpasning af navigationen+

  • Header, Body & Footer

    Hver navigationsmenu består af 3 forskellige dele: Header, Body og Footer, som alle kan tilpasses. Det er ikke obligatorisk at vise Header og Footer.

  • Visning af logo

    Vis dit logo i headeren af din navigationstilstand ved at uploade dit logo eller tilføje tekst direkte.

  • Link til brugerprofilen

    Tilføj et direkte link til brugerens profil i din navigationstilstand. Redigér tekst, ikon og linkfarve.

  • Tilføjelse af genveje

    Tilføj genveje i din navigationstilstand, og lad brugerne nemt komme til enhver sektion i din app, til et eksternt link eller endda udføre en handling som at logge ud, sende en sms eller en e-mail.

  • Skillelinjer der kan tilpasses

    Tilføj skillelinjer i din navigationsmenu, og tilpas deres farve og højde i pixel.

  • Linkområde der kan tilpasses

    Byg din navigationsmenu ved at tilføje links til sektioner i din app.

  • Copyright

    Tilføj et copyright-område i dit projekts navigationsmenu. Vælg farve og tekst samt skrifttype og skriftstørrelse.

  • Avancerede designmuligheder

    GoodBarber giver mulighed for avanceret tilpasning af navigationsmenuens design. Skrifttype, farver, justering, ikon, cellehøjde, tilføjelse af en titel og meget mere.

  • Menuens standardvisning

    For menuerne Swipe, Little Swipe, Grid og Slate vælger du menuens standardtilstand: altid skjult eller altid vist, når appen starter.

Designressourcer+

  • Ikongalleri

    En samling på mere end 1000 ikoner, skabt specifikt af vores designteam og organiseret i 3 forskellige sæt, er tilgængelig i dit backoffice.

  • Ikoner der kan tilpasses

    Skab din egen ikonsamling ved at uploade dine egne ikoner eller billeder direkte fra dit projekts backoffice i .png-format, 260 px x 260 px.

  • Professionelle temaer

    GoodBarbers backoffice rummer 25 professionelle temaer, udarbejdet af vores team af erfarne designere. Inspireret af vores mobile-first-filosofi er de designet til at tilpasse sig perfekt til hver enhed, i tråd med de aktuelle tendenser, og de kan tilpasses fuldt ud.

  • Google Fonts-bibliotek

    GoodBarber rummer et udvalg på mere end 400 Google Fonts, som kan bruges direkte i backoffice uden at skulle indsætte ekstra kode.

  • Pexels-bibliotek

    GoodBarber-kunder har adgang til fotobiblioteket Pexels direkte fra backoffice med over 500.000 billeder i høj opløsning.

  • Avanceret billedsøgning

    Pexels-biblioteket i GoodBarbers backoffice har en avanceret søgefunktion, så du kan sortere billeder efter tema, nøgleord eller farve.

  • Egne skrifttyper

    Upload dine egne skrifttyper, .woff2 til webappen, .ttf eller .otf til native apps, og find dem i alle skrifttypevælgere i backoffice ved siden af Google Fonts-biblioteket.

  • Google Material Icons

    Føj Google Material-ikonsættet til din app i stilarterne solid, rounded, contour og two-tone, og brug det overalt hvor der er ikoner, også i navigationsmenuen.

Sektioner+

  • 30 forskellige sektionstyper

    GoodBarber tilbyder 30 forskellige sektionstyper, som du kan bruge til at bygge dit projekt.

  • Avancerede indstillinger for de oplysninger, der vises

    For hver sektion vælger du, hvilke oplysninger der skal vises, for eksempel datoen eller forfatteren i en artikelsektion.

  • Tilpasning af værktøjslinjen

    Content apps

    For hver sektion vælger du, hvilke handlinger der er tilgængelige i værktøjslinjen: kommentarer, deling, tekststørrelse og bogmærkning af elementet.

  • Adgang til kommentarer

    Content apps

    Giv brugerne adgang til kommentarsiden fra hver indholdsvisning.

  • Direkte link til deling på sociale medier

    Tilføj direkte delingslinks til sociale medier på hver indholdsside.

  • Gradvis indlæsning af siden

    Intuitive bevægelser lader brugeren hente ekstra indhold frem efter behov, når en sektion besøges. Det giver en hurtigere visning og en bedre brugeroplevelse.

  • Global svævende knap

    En handlingsknap, der svæver over dit indhold og forbliver tilgængelig i hele appen, med den etiket du vælger.

Klar til at bygge din app?

Kom gratis i gangSe priser