Effektiv typografi i Adobe XD - Trin-for-trin vejledning

Typografier et centralt element i design, som ofte overses. Valget af den rigtige skrifttype kan have en massiv indflydelse på opfattelsen og læsbarheden af dit design. I denne artikel vil du lære, hvordan du effektivt arbejder med skrifttyper og typografi i AdobeXD. Du får at vide, hvordan du finder, installerer og optimalt bruger skrifttyper i dit projekt.

Vigtigste indsigter

• Du kan hente skrifttyper fra Google Fonts og Adobe Fonts.
• Der er to grundlæggende tekstværktøjer i Adobe XD: punkttekst og tekstframed.
• Tekststørrelse og linjeafstand er afgørende for læsbarheden.
• Med definerede tegnformater sparer du tid og kræfter på tekstdesign.

Trin-for-trin vejledning

1. Find og installer skrifttyper

Først skal du finde ud af, hvor du kan finde de bedste skrifttyper tildit projekt. En fantastisk kilde er Google Fonts. Gå til siden fonts.google.com. Her kan du gennemse et væld af gratis skriftfamilier, der er velegnede til både web og print.

For at downloade en skrifttype skal du vælge en skriftfamilie og klikke på plus-symbolet. Når du har valgt den ønskede skrifttype, kan du installere den direkte på dit system.

Alternativt kan du også bruge Adobe Fonts. Gå til fonts.adobe.comog vælg dine skrifttyper der. Adobe Fonts er særligt nyttigt, da du kan synkronisere skrifttyperne med din Creative Cloud uden at skulle installere dem manuelt.

2. Opret tekstframed og punkttekst

Med Adobe XD kan du nu begynde at oprette tekst. Brug genvejstasten T for at aktivere tekstværktøjet. Du kan enten oprette en tekstboks ved at klikke eller trække for at oprette en tekstframe.

Tænk på forskellen: Når du klikker i et punkttekstfelt, indtastes teksten i en linje. I en tekstframe brydes teksten automatisk over i den næste linje, så snart den tilgængelige bredde er opnået.

3. Juster tekststil og -størrelse

Hvis du allerede har indtastet noget tekst, kan du justere skrifttypen og skriftsnittet i det højre panel i Adobe XD. Sæt skrifttypen til cirka 30 pixels og vælg skriftsnittet "Medium".

For at gøre tekstfeltet større eller mindre kan du simpelthen trække i grebet. Det er vigtigt, at tekstfeltet altid har tilstrækkeligt med plads til at vise den indtastede tekst.

4. Indstil mellemrum og linjehøjde

Typografi design kræver en vis grad af nuance, især når det kommer til mellemrum. I det højre panel kan du justere tegnafstand og linjehøjde. Eksperimentér med disse værdier for at sikre, at teksten er letlæselig og ser godt ud.

Vær opmærksom på, at tynde skriftnitter kan kræve en større skrifttype for at sikre læsbarheden. Det kan være nødvendigt at vælge en lidt tykkere skrifttype, hvis du bruger mindre skrifttyper.

5. Definere flere skrifttyper

Du kan oprette forskellige skrifttyper til overskrifter, underoverskrifter og brødtekst. Opret for eksempel forskellige tekstfelter i størrelserne 50px, 40px, 30px og 20px, og glem ikke at vælge et passende skriftsnit.

Placer skrifttyperne derefter ved siden af hinanden til højre. På den måde får du et hurtigt overblik over de stilarter, du har defineret.

6. Gemme tegnformater

En særlig praktisk funktion i Adobe XD er muligheden for at gemme tegnformater. Hvis du allerede har oprettet en overskrift, kan du gemme denne formatering og nemt anvende den på anden tekst senere. Navngiv formateringen, så den beskriver, hvad den er, som "Overskrift H1" eller "Afsnit", for at bevare overskueligheden.

7. Anvend tekstformater på eksisterende tekster

For hurtigt at anvende formateringer kan du anvende den tidligere definerede stil på ny tekst via tegnformat-menuen. Dette strømliner dit arbejdsgang enormt, da du nu ikke længere behøver at foretage hver ændring manuelt.

8. Rediger tekst i dokumentet

Hvis du foretager ændringer i en stil, for eksempel hvis du ønsker at justere skriftsnittet eller størrelsen, kan du gøre dette i tegnformatet, og ændringerne vil straks blive anvendt på al tekst i dokumentet, der bruger dette format.

Resumé - Optimer tekst og typografi i Adobe XD

I denne vejledninghar du lært, hvor vigtig valget af de rigtige skrifttyper er. Du har lært, hvordan man finder dem, installerer dem og effektivt anvender dem i Adobe XD. Du kan gemme tegnformater for at forblive konsistent og optimere dit workflow. Glem ikke, at typografi ikke kun skal være smuk, men også funktionel for at sikre læsbarheden.