Sådan justeres tekstegenskaber i Adobe XD

Når du har tekst i dit Adobe XD-projekt, kan du begynde at ændre tekstegenskaberne. Disse egenskaber omfatter skrifttypefamilie, skriftstørrelse, skrifttypevægt, justering, tegnafstand (kjerning og sporing), linjeafstand (førende), udfyldning, kant (streg), skygge (slæbeskygge) og baggrundssløring. Så lad os gennemgå, hvordan disse egenskaber anvendes.

Om læsbarhed og skrifttypevalg

Valget af en skrifttype er af afgørende betydning. Du kan have mange skrifttypevalg i dit system, men kun nogle få udvalgte vil skære det ud som et vellykket valg til læsning på skærmen. Nogle karakteristika, du skal kigge efter i dit skrifttypevalg, omfatter følgende:

• Serif eller ikke-serif? Nedenfor ser du en skrifttypefamilie i serif-stilen øverst og en i sans serif forneden. Seriffer har en lille fremspring, der afslutter en streg af et bogstav. Sans serif har på den anden side ikke den lille projektion. Sans serif-skrifttyper har en tendens til at se mere moderne ud og er et populært valg til interaktive applikationer og websteder. Tidligere troede man, at skrifttypefamilier med seriffer var nemmere at læse, når der var en stor mængde tekst. Test udført med eye-tracking-enheder har bevist, at der ikke er nogen større forskel i læsbarheden mellem serif eller sans-serif, så du er velkommen til at vælge begge stilarter, så længe du er opmærksom på nogle af de andre skrifttypekarakteristika, der følger.

  En serif skrifttype på toppen, sans-serif på bunden.

• Lige, jævne stregbredder: Fordi din tekst vil blive oprettet af pixels, er det bedst ikke at have mange variationer i bredden af ​​din tekst. Du kan se forskellen, i en pixel-forhåndsvisning, mellem et skrifttypevalg med variation i bredden (øverst) og en skrifttype, der er ensartet i sin bredde.

  Den øverste skrifttype har variation i de tykke og tynde linjer, der skaber skrifttypen; den nederste skrifttype er ensartet og lettere at læse på skærmen.

• Stærke tællere: Tællere er de huller, du ser i bogstaver som "O", "B" og "R." Vær opmærksom på, hvor store disse tællere er, da de også kan forårsage læsbarhedsproblemer, hvis de lukker op, når de vises som pixels på en skærm. En pixelvisning af to forskellige skrifttypefamilier vises; se, hvordan tællerne ser ud i hver i forhold til hinanden.

  Se efter stærke åbne tællere i dit valg af skrifttypefamilie.

• Nedstigninger og hættehøjde: Korte nedstigninger og lave hættehøjder er vigtige for læsbarheden på skærmen. Øverst ser du en skriftfamilie med korte nedstigninger og lave cap-højder; forneden en skrifttype med lange descendenter og høje cap-højder.

  En skrifttypefamilie med korte descenders og en lav cap-højde er typisk nemmere at læse på skærmen.

Valg af din skrifttypefamilie

Nu hvor du ved, hvad der gør et bedre valg af skrifttype for læsbarhed, skal du bruge panelet Egenskaber til at vælge en. Ting du skal kigge efter, når du foretager dit valg, omfatter følgende:

• Skrifttypefamilie: Når du har indtastet en type på din skærm, kan du vælge den og vælge rullemenuen Skrifttypefamilie i tekstafsnittet i panelet Egenskaber. Hvis du kender den skrifttype, du ønsker, skal du blot begynde at skrive skrifttypens navn i tekstboksen Font Family, og hvis den er i dit system, vil den blive fundet på din liste.

  Glem ikke, at du har skrifttyper tilgængelige for dig gennem Adobe TypeKit.

• Skrifttypevægt: Når du har valgt en skrifttypefamilie, kan du vælge en vægt fra rullemenuen Skrifttypevægt. Afhængigt af de skrifttyper, du har i dit system, vil du have forskellige valg af skrifttypevægt.

  Vælg en skrifttypefamilie og skrifttypevægt.

• Skriftstørrelse: Du kan blot indtaste en skriftstørrelse i tekstfeltet Skriftstørrelse, men hvis du ikke er sikker på, hvilken størrelse der fungerer bedst, kan du placere din markør under tekstfeltet Skriftstørrelse og klikke og trække. Se efter den dobbelte pil, før du trækker. Træk opad mindsker størrelsen; ned øger størrelsen.

  Klik og træk for visuelt at ændre skriftstørrelsen.

• Justering: Du kan ændre din valgte tekst til Venstrejuster, Centrer eller Højre ved hjælp af Justeringsknapperne i tekstafsnittet i Egenskabspanelet.
• Tegnafstand: Tegnafstand refererer til mellemrummet mellem tegn. Dette er kendt som sporing . Her ser du resultatet af at øge afstanden mellem tegnene.

  Tegn med normal afstand, indstillet til 0 (nul) og derefter indstillet til 150.

Bemærk, at du kan bruge den samme klik-og-træk-teknik, som er tilgængelig i tekstboksen Skriftstørrelse for visuelt at ændre tegnafstanden.

Du kan også visuelt ændre størrelsen på tegnafstanden ved at klikke og trække.

• Linjehøjde: Linjehøjden er førende , mellemrummet mellem tekstlinjerne. Dette kan spille en vigtig rolle i informationsdesign, så sørg for, at du bruger dette konsekvent gennem hele dit design. Du kan også placere din markør under tekstfeltet Linjehøjde og klikke og trække op eller ned for at mindske og øge din linjehøjde.
• Farve: Skift fyldfarve ved at klikke på boksen ud for Fyldfarve i panelet Egenskaber. Du udfører denne opgave på samme måde, som du ville gøre med enhver form. Vælg feltet Fyld, og vælg en farve fra farvevælgeren. Du kan også vælge gennemsigtighed for din tekst fra diasset Gennemsigtighed til højre for farvevælgeren.
• Kant: Anvendelse af en kant sætter en streg rundt om din tekst. Dette anbefales ikke, da det kan forårsage læsbarhedsproblemer. Brug det sparsomt og måske kun til specielle effekter. Billedet nedenfor viser et eksempel på en større skrifttype, der har en tynd streg og et hvidt fyld på en mørkere baggrund. I en situation som denne kunne en kant fungere, men ikke med mindre tekst.

  En lille kant med hvidt fyld på en mørk baggrund.