Effektiv typografi i Adobe XD - Trinn-for-trinn-veiledning

Typografier et sentralt element i design som ofte blir oversett. Valget av riktig skrifttype kan ha massiv innvirkning på oppfattelsen og lesbarheten av designet ditt. I denne artikkelen vil du lære hvordan du effektivt arbeider med skrifter og typografi i AdobeXD. Du vil lære hvordan du finner, installerer og bruker skrifttyper optimalt i prosjektet ditt.

Viktige funn

• Du kan få skrifter fra Google Fonts og Adobe Fonts.
• Det finnes to grunnleggende tekstverktøy i Adobe XD: punkttekst og tekstboks.
• Tekststørrelse og linjeavstand er avgjørende for lesbarheten.
• Med definerte tegnformater sparer du tid og arbeid ved tekstbehandling.

Trinn-for-trinn guide

1. Finn og installer skrifttyper

Først må du finne ut hvor du kan finne de beste skrifttypene forprosjektet ditt. En flott kilde er Google Fonts. Gå til siden fonts.google.com. Der kan du bla gjennom et mangfold av gratis skrifttyperekker som er egnet for både web og trykk.

For å laste ned en skrifttype, velg en skrifttypefamilie og klikk på pluss-symbolet. Etter at du har valgt ønsket skrifttype, kan du installere den direkte på systemet ditt.

Alternativt kan du også bruke Adobe Fonts. Gå til fonts.adobe.comog velg skrifttypene dine der. Adobe Fonts er spesielt nyttig, ettersom du kan synkronisere skrifttypene med Creative Cloud, uten å måtte installere dem manuelt.

2. Opprette tekstbokser og punkttekst

Med Adobe XD kan du nå begynne å lage tekst. Bruk hurtigtasten T for å aktivere tekstverktøyet. Du kan enten lage et tekstfelt ved å klikke eller dra for å opprette en tekstboks.

Tenk på forskjellen: Når du klikker i et punkttekstfelt, blir teksten skrevet inn i en linje. I en tekstboks brytes teksten automatisk til neste linje når den tilgjengelige bredden er nådd.

3. Justere tekststil og størrelse

Hvis du allerede har skrevet inn noe tekst, kan du justere tekststørrelsen og skrifttypen i høyre panel i Adobe XD. Sett tekststørrelsen til omtrent 30 piksler og velg skrifttypen "Medium".

For å gjøre tekstboksen større eller mindre, kan du enkelt dra i håndtaket. Det er viktig at tekstfeltet alltid har nok plass til å vise teksten som er skrevet inn.

4. Justere avstander og linjehøyde

Typografi design krever en viss grad av sensitivitet, spesielt når det kommer til avstander. I høyre panel kan du justere tegnavstanden og linjehøyden. Eksperimenter med disse verdiene for å sikre at teksten er godt lesbar og ser bra ut.

Vær oppmerksom på at tynne skrifttyper kan kreve større tekststørrelse for å sikre lesbarhet. Det kan være nødvendig å velge en litt tykkere skrifttype hvis du bruker mindre tekststørrelser.

5. Definere flere tekststiler

Du kan sette opp forskjellige tekststiler for overskrifter, undertitler og brødtekst. Opprett for eksempel forskjellige tekstbokser i størrelsene 50px, 40px, 30px og 20px, og ikke glem å velge en passende skrifttype.

Sett skrifttypene ved siden av hverandre på høyre side. På denne måten får du en rask oversikt over stilene du har definert.

6. Lagre tegnformater

Et spesielt praktisk funksjon i Adobe XD er muligheten til å lagre tegnformater. Hvis du allerede har opprettet en overskrift, kan du lagre den formateringen og senere enkelt bruke den på annen tekst. Gi formateringen et navn som beskriver hva det er, som "Overskrift H1" eller "Avsnitt", for å opprettholde oversikten.

7. Samle tekstformater til eksisterende tekster

For å raskt bruke formateringer kan du bruke den tidligere definerte stilen på ny tekst via menyen for tegnformater. Dette strømlinjeformer arbeidsflyten din betydelig, fordi du nå ikke lenger trenger å gjøre hver endring manuelt.

8. Redigere tekst i dokumentet

Hvis du gjør endringer i en stil, for eksempel justerer skrifttypen eller størrelsen, kan du gjøre dette i tegnformatet, og justeringene vil umiddelbart bli brukt på all tekst i dokumentet som bruker dette formatet.

Oppsummering – Optimaliser tekst og typografi i Adobe XD

I denne veiledningenhar du lært hvor viktig valget av riktige skrifttyper er. Du har lært hvordan man finner, installerer og effektivt bruker dem i Adobe XD. Du kan lagre tegnformater for å være konsekvent og optimalisere arbeidsflyten din. Ikke glem at typografi må være både vakker og funksjonell for å sikre lesbarhet.