En afgørende indflydelse på brugeroplevelsen har valget af skrifttyper i din app. skrifter er ikke blot rene æstetiske elementer, de bidrager væsentligt til læsbarheden og forståeligheden af teksten. I denne tutorial dykker du dybt ned i verden af typografi og lærer grundlæggende og bedste praksis for anvendelse af skrifttyper i appdesign.
Vigtigste indsigter
De vigtigste aspekter for et vellykket skriftdesign i apps er:
- Fokus på brødteksten.
- Hold skrifttypestørrelsen mellem 15 og 25 pixels.
- Brug passende linjeafstand, ideelt mellem 120% og 145% af skrifttypestørrelsen.
- Begræns linjelængden til 45 til 90 tegn.
- Undgå systemskrifter for at skabe en unik følelse.
Trin-for-trin vejledning
1. Forståelse af typografiens grundlag
For det første er det vigtigt at lære grundlæggende fagtermer relateret til skrifttyper. Baseline er linjen, som bogstaverne står på. X-højde beskriver højden af små bogstaver og er det vigtigste referencepunkt for skrifttypestørrelsen. Derudover findes der ascender og descender, som bestemmer den maksimale højde og dybde af bogstaverne.
Kernning er afstanden mellem bogstaverne, mens leading beskriver højden af tekstlinjerne.
2. Fem regler for god typografi
For at optimere læsbarheden i din app skal du tage højde for fem grundlæggende regler. Den første regel siger, at fokus bør være på brødteksten. Denne tekst udgør cirka 70 til 80% af indholdet i din app, hvorfor god læsbarhed her er særlig vigtig.
Den anden regel vedrører skrifttypestørrelsen. Denne bør ligge mellem 15 og 25 pixels. Til overskrifter er større skrifttyper ofte populære, men brødteksten må ikke være mindre end 15 pixels.
3. Afstande og linjelængde
Den tredje regel handler om linjeafstanden, som bør ligge mellem 120% og 145% af skrifttypestørrelsen. Dette sikrer, at brugeren kan læse teksten uden problemer, uden at linjerne bliver blandet sammen.
Regel fire omhandler linjelængden, som bør være mellem 45 og 90 tegn. Dette anbefales for at minimere øjenbevægelserne hos læseren og lette læseflowet.
4. Undgåelse af systemskrifter
Den femte regel siger, at der ikke må bruges system-fonts. Ved at vælge individuelle skrifttyper skaber du et unikt og tiltalende design til din app.
5. Valg af de rette skrifttyper
San Francisco er standard-skrifttypen for iOS og er et godt eksempel på en moderne app-typeface. Du kan også bruge skrifttyper som Helvetica, Roboto eller Open Sans, som alle fremmer læsbarheden.
Disse skrifttyper er ikke kun tiltalende, men også bredt anvendt, hvilket gør deres brug i app-designs nærliggende.
6. Optimering af skrifttypestørrelse
Skrifter bør anvendes i hierarkiske størrelser for at guide brugeren gennem teksten. For brødtekst er 15 til 19 pixels optimalt, mens overskrifter skal være mindst 20 pixels store.
Vær opmærksom på, at kontrasten mellem tekst og baggrund er stærk nok til at sikre en god læsbarhed.
7. Schriftkrav og vægtning
Skrifttypens vægt bør variere for at markere forskellige teksttyper. For normal brødtekst er en vægt af Regular passende, mens overskrifter kan fremhæves med Bold eller Semibold.
Større skrifttyper giver dig mulighed for også at bruge tyndere skrifttyper, der stadig er godt læselige.
8. Typografiske bedste praksis
En høj kontrast mellem tekst og baggrund skaber større opmærksomhed. Brug altid en høj kontrast for overskrifter, mens et mørkt grå også kan være passende for brødteksten.
Vær opmærksom på, at alle tekstlinjer er farvemæssigt koordinerede og harmoniske for at skabe et konsistent udseende.
9. Brug af skrifttype-ressourcer
Der findes mange online ressourcer til at finde den passende skrifttype. Websteder som Google Fonts eller Typekit fra Adobe tilbyder et stort udvalg af skrifttyper til eksperimentering og valg.
Vend dig også til sider som fontstand.com eller fs.com for at opdage flere inspirerende skrifttyper.
Opsummering – Skrifter i appdesign: Grundlæggende og bedste praksis
Valget og anvendelsen af skrifttyper i dit appdesign er afgørende for brugeroplevelsen. Følg de nævnte regler og vælg skrifttyper, der både er æstetisk tiltalende og funktionelle for at øge læsbarheden og brugerengagementet.
Ofte stillede spørgsmål
Hvad er kernning?Kernning er afstanden mellem bogstaverne.
Hvordan skal skrifttypestørrelsen for brødteksten være?Skrifttypestørrelsen for brødteksten bør være mellem 15 og 25 pixels.
Hvorfor skal systemskrifter undgås?Systemskrifter kan få designet til at virke ensartet og ubemærket.
Hvilken linjeafstand er ideel?Den ideelle linjeafstand ligger mellem 120% og 145% af skrifttypestørrelsen.
Hvornår bør skrifttyper ændres i en app?Skrifttyper bør tilpasses afhængigt af indholdet og vigtigheden af teksten.
