Stefan Riedl
Av Stefan Riedl Sist oppdatert Vist med: Adobe XD 18

Dine designprosjekter i Adobe XD kan dra nytte av programmets kraftige funksjoner. Gjentakelsesgitteret er en av disse funksjonene som ikke bare sparer deg for mye tid, men også gir deg muligheten til å lage tiltalende layouter helt enkelt. I denne veiledningen lærer du trinn for trinn hvordan du ved hjelp av gjentakelsesgitteret lager en tiltalende onepager-designstruktur og legger inn individuelle innhold.

Adobe XD-opplæring: 13 | Lage en enkeltside, del 2 - Gjentakelsesrutenett

Videoen lastes først fra YouTube når den spilles av – da overføres data (blant annet IP-adressen) til YouTube/Google. Mer i personvernerklæringen

Viktigste funn Gjentakelsesgitteret lar deg gruppere elementer, duplisere innhold automatisk og effektivt tilpasse forskjellige layouter. Denne funksjonen er spesielt nyttig for raskt og enkelt å lage tiltalende design uten å starte designen av hvert enkelt element fra bunnen av.

Trinn-for-trinn-veiledning

For å bruke gjentakelsesgitteret effektivt, følger her de enkelte trinnene for å integrere kundevurderingene dine i onepageren på en profesjonell måte.

Trinn 1: Design av kundevurdering Først legger du grunnlaget for kundevurderingene dine. Du kan kopiere eksisterende elementer fra onepageren din for å spare tid. Dette gjøres enkelt ved å velge et element og duplisere det med Command + D. Flytt duplikatene til sentrum av designet ditt.

Bruke gjentakelsesrutenett effektivt i Adobe XD

Trinn 2: Tekstformatering Nå er det viktig å sentrere tekstjusteringen. Slik blir innholdet harmonisk og tiltalende. Skriv innholdet for kundestemmen i det angitte tekstfeltet, og sørg for at avstandene er symmetrisk utformet.

Effektiv bruke gjentakelsesrutenett i Adobe XD

Trinn 3: Aktivering av gjentakelsesgitteret Aktiver gjentakelsesgitteret ved å gruppere alt du har opprettet for vurderingen med Command + G. Deretter aktiverer du gjentakelsesgitteret, som du finner i den øverste menylinjen. Du kan nå flytte gitteret mot høyre for å vise flere vurderinger ved siden av hverandre.

Effektiv bruke repetisjonsraster i Adobe XD

Trinn 4: Tilpasning av elementer Du kan raskt justere antallet vurderinger du ønsker å legge inn. Endre avstandene mellom de enkelte vurderingselementene for å lage et tiltalende layout. Sørg for at alt virker symmetrisk hvis du ønsker å legge til ekstra navigasjons-elementer som piler for rullefunksjonen.

Effektivt bruke gjentakelsesrutenett i Adobe XD

Trinn 5: Innsetting av avatarer Når det grunnleggende layoutet er på plass, legger du nå til avatarene til personene. Gå tilbake til Finder og dra de ønskede bildene rett inn i gitteret. Adobe XD vil intelligent sette bildene inn i de angitte feltene.

Effektivt bruke gjentakelsesrutenett i Adobe XD

Trinn 6: Redigering av tekstinnhold For å gi teksten i vurderingene mer informasjon kan du bruke tekstverktøy. Hvis du allerede har en TXT-fil med nødvendig informasjon, kan du direkte importere teksten ved å dra filen og slippe den i det tilsvarende tekstfeltet. Teksten oppdateres automatisk.

Effektiv bruke gjentakelsesraster i Adobe XD

Trinn 7: Bruk av dummy-innhold Hvis du ikke har ekte data ennå, kan du bruke dummy-innhold. En nyttig nettside for dette er repeatgrid.com, hvor du kan lage fiktiv tekst. Last ned filen og importer den i designet ditt.

Effektiv bruke repetisjonsrutenett i Adobe XD

Trinn 8: Farge- og skrifttilpasning Når tekstene og bildene er lagt til, kan du justere skrifttypestørrelsen og skrifttypen. Sørg for at designet ditt ser innbydende ut. Bruk Command + B for å gjøre bestemt tekst fet, slik at den blir mer iøynefallende.

Trinn 9: Siste justeringer Til slutt kan du deaktivere gjentakelsesgitteret for å gjøre de siste justeringene. Sørg for at alle tekster og bilder er tiltalende plassert. Bruk gitteret for å kontrollere nøyaktigheten av designet ditt og eventuelt gjøre en siste finjustering.

Effektiv bruke gjentakelsesrutenett i Adobe XD

Oppsummering - Veiledning for effektiv bruk av gjentakelsesgitteret i Adobe XD for oppretting av en onepager

Gjentakelsesgitteret i Adobe XD er et utmerket verktøy for å lage strukturerte og tidseffektive tiltalende design. Gjennom målrettet duplisering av elementer og intelligent tilpasning til designet ditt, vil arbeidsflyten bli betydelig optimalisert. Bruk de ovennevnte trinnene som grunnlag for å gjennomføre dine egne prosjekter enda mer vellykket.

Vanlige spørsmål

Hvordan aktiverer jeg gjentakelsesgitteret i Adobe XD?Du kan aktivere gjentakelsesgitteret ved å gruppere alle ønskede elementer og deretter velge funksjonen fra menyen.

Kan jeg også dra bilder inn i gjentakelsesgitteret?Ja, du kan enkelt dra og slippe bilder inn i gitteret, og de vil bli automatisk satt inn i de angitte områdene.

Hvor finner jeg dummy-innhold for testformål?En nyttig nettside er repeatgrid.com, hvor du kan laste ned forskjellige TXT-filer som inneholder fiktive data.

Stefan Riedl
Trener Om Stefan Riedl Stefan Riedl, ein gang en opplært bankmann, studerte senere grafisk design og er aktiv som trener for alle emner relatert til desktop-publishing med over 250 opplæringsvideoer. I fem år jobbet han som sjefredaktør for "Commag" - nettstedet for bildebehandling og webdesign på PSD-Tutorials.de. Alle kurs av Stefan Riedl