Hvordan justere tekstegenskaper i Adobe XD

Når du har tekst i Adobe XD-prosjektet ditt, kan du begynne å endre tekstegenskapene. Disse egenskapene inkluderer skriftfamilie, skriftstørrelse, skriftvekt, justering, tegnavstand (kjerning og sporing), linjeavstand (ledende), fyll, kantlinje (strek), skygge (slippskygge) og bakgrunnsuskarphet. Så la oss se på hvordan disse egenskapene brukes.

Om lesbarhet og skriftvalg

Valget av en font er av avgjørende betydning. Du kan ha mange fontvalg i systemet ditt, men bare noen få utvalgte vil kutte det som et vellykket valg for lesing på skjermen. Noen egenskaper du bør se etter i skrifttypevalget inkluderer følgende:

• Serif eller ikke-serif? Nedenfor ser du en skriftfamilie i serif-stil på toppen og en i sans serif på bunnen. Seriffer har en liten projeksjon som avslutter en strek av en bokstav. Sans serif har derimot ikke den lille projeksjonen. Sans serif-skrifttyper har en tendens til å se mer moderne ut og er et populært valg for interaktive applikasjoner og nettsteder. Tidligere trodde man at skriftfamilier med seriffer var lettere å lese når det var mye tekst. Tester utført med øyesporingsenheter har vist at det ikke er noen stor forskjell i lesbarhet mellom serif eller sans-serif, så velg gjerne begge stilene så lenge du legger merke til noen av de andre skriftkarakteristikkene som følger.

  En serif-skrift på toppen, sans-serif på bunnen.

• Rette, jevne linjebredder: Fordi typen din skal lages av piksler, er det best å ikke ha mye variasjon i bredden på teksten. Du kan se forskjellen, i en pikselforhåndsvisning, mellom et skriftvalg med variasjon i bredden (øverst) og en skrift som er konsistent i bredden.

  Den øverste fonten har variasjon i de tykke og tynne linjene som skaper fonten; den nederste skriften er konsistent og lettere å lese på skjermen.

• Sterke tellere: Tellere er hullene du ser i bokstaver som "O", "B" og "R." Vær oppmerksom på hvor store disse tellerne er, da de også kan forårsake lesbarhetsproblemer hvis de lukkes når de vises som piksler på en skjerm. En pikselvisning av to forskjellige skriftfamilier vises; se hvordan tellerne ser ut i hver i forhold til hverandre.

  Se etter sterke åpne tellere i fontfamilieutvalget ditt.

• Descenders og cap-høyde: Korte nedstigninger og lave cap-høyder er viktig for lesbarheten på skjermen. Øverst ser du en skriftfamilie med korte descenders og lave cap-høyder; nederst en font med lange nedstigninger og høye capshøyder.

  En skriftfamilie med korte descenders og lav cap-høyde er vanligvis lettere å lese på skjermen.

Velge fontfamilien din

Nå som du vet hva som gjør et bedre skriftvalg for lesbarhet, bruk Egenskaper-panelet til å velge en. Ting du bør se etter når du velger, inkluderer følgende:

• Skriftfamilie: Etter at du har skrevet inn en type på skjermen, kan du velge den og velge Fontfamilie-rullegardinmenyen i Tekst-delen av Egenskaper-panelet. Hvis du kjenner skriften du vil ha, begynner du ganske enkelt å skrive inn skriftens navn i tekstboksen Font Family, og hvis den er i systemet ditt, vil den bli funnet i listen din.

  Ikke glem at du har fonter tilgjengelig for deg gjennom Adobe TypeKit.

• Skriftvekt: Etter at du har valgt en skriftfamilie, kan du velge en vekt fra rullegardinmenyen Skriftvekt. Avhengig av skriftene du har i systemet ditt, vil du ha forskjellige fontvektvalg.

  Velg en skriftfamilie og skriftvekt.

• Skriftstørrelse: Du kan ganske enkelt skrive inn en skriftstørrelse i tekstboksen Skriftstørrelse, men hvis du ikke er sikker på hvilken størrelse som fungerer best, kan du plassere markøren under tekstboksen Skriftstørrelse og klikke og dra. Se etter den tohodede pilen før du drar. Å dra opp reduserer størrelsen; ned øker størrelsen.

  Klikk og dra for å endre skriftstørrelsen visuelt.

• Justering: Du kan endre den valgte teksten til Venstrejustering, Sentrering eller Høyre ved å bruke Justeringsknappene i Tekst-delen av Egenskaper-panelet.
• Tegnavstand: Tegnavstand refererer til mellomrommet mellom tegn. Dette er kjent som sporing . Her ser du resultatet av å øke avstanden mellom tegnene.

  Tegn med normal avstand, satt til 0 (null) og deretter satt til 150.

Merk at du kan bruke den samme klikk-og-dra-teknikken som er tilgjengelig i tekstboksen Skriftstørrelse for å visuelt endre tegnavstanden.

Du kan også visuelt endre størrelsen på tegnavstanden ved å klikke og dra.

• Linjehøyde: Linjehøyde er førende , mellomrommet mellom tekstlinjene. Dette kan spille en viktig rolle i informasjonsdesign, så sørg for at du bruker dette konsekvent gjennom hele designet. Du kan også plassere markøren under tekstboksen Linjehøyde og klikke og dra opp eller ned for å redusere og øke linjehøyden.
• Farge: Endre fyllfarge ved å klikke på boksen ved siden av Fyllfarge i Egenskaper-panelet. Du utfører denne oppgaven på samme måte som du ville gjort med hvilken som helst form. Velg Fyll-boksen og velg en farge fra fargevelgeren. Du kan også velge gjennomsiktighet for teksten din fra gjennomsiktighetslysbildet som er tilgjengelig til høyre for fargevelgeren.
• Kantlinje: Ved å bruke en kantlinje legges det et strek rundt teksten. Dette anbefales ikke fordi det kan forårsake lesbarhetsproblemer. Bruk den med måte og kanskje bare til spesialeffekter. Bildet nedenfor viser et eksempel på en større skrifttype som har en tynn strek og et hvitt fyll på en mørkere bakgrunn. I en situasjon som dette kan en kantlinje fungere, men ikke med mindre tekst.

  En liten kant med hvit fyll på mørk bakgrunn.