Tag: skriftstørrelse

  • Fejl at undgå i typografisk design: Gode råd til bedre typografi

    Hvorfor er god typografi vigtig?

    Typografi handler ikke kun om æstetik – det er også funktionelt design, som hjælper læseren med at forstå og navigere indholdet. Dårlig typografi kan gøre en tryksag svær at læse, uprofessionel og forvirrende.


    10 typografiske fejl du bør undgå

    1. For mange skrifttyper

    ➡ Brug maks. 2–3 forskellige skrifttyper i ét layout
    ➡ Ensret stilen for et sammenhængende visuelt udtryk

    2. Manglende hierarki

    ➡ Brug størrelser, vægte og afstand til at guide læserens øjne
    ➡ Skab tydelig forskel mellem overskrifter, undertekster og brødtekst

    3. For lille skriftstørrelse

    ➡ Minimum 10–12 pt i tryk, 16 px på web
    ➡ Husk større tekst til ældre målgrupper eller tryk med ru overflade

    4. Dårlig kontrast

    ➡ Undgå fx grå tekst på grå baggrund
    ➡ Brug høj kontrast for god læsbarhed (4,5:1 ifølge WCAG)

    5. Tætpakkede linjer

    ➡ Sørg for tilstrækkelig linjeafstand (leading) – typisk 120–140 % af skriftstørrelsen

    6. Fejl i kerning og tracking

    ➡ Tjek overskrifter og logoer – dårlig bogstavafstand ser uprofessionelt ud

    7. Forkert brug af caps og kursiv

    ➡ Brug versaler og kursiv sparsomt – det kan være svært at læse i store mængder

    8. Raglange linjer

    ➡ Ideel linjelængde er 50–75 tegn pr. linje – forhindrer øjetræthed

    9. Ignorering af kontekst

    ➡ Vælg skrifttype og stil efter formål, målgruppe og medie

    10. Brud på læsevaner

    ➡ Undgå fx centreret brødtekst eller højrestillet tekst – det forstyrrer læserytmen


    Bonus: Gør dette i stedet

    • Brug grid-systemer til balance
    • Kombinér skrifttyper med visuel kontrast og harmoni
    • Lav testprint og proof før endelig produktion
    • Få feedback – et frisk øje ser ofte oversete fejl
  • Kontrast i typografi: Nøglen til læsbarhed og visuelt hierarki

    Hvad er typografisk kontrast?

    Kontrast i typografi handler om at skabe visuel forskel mellem elementer, så tekstindholdet bliver lettere at aflæse, forstå og navigere. Det er en af de vigtigste metoder til at styre opmærksomhed og skabe hierarki i layoutet.


    Former for typografisk kontrast

    1. Størrelseskontrast

    • Brug af forskellige skriftstørrelser til at skelne fx overskrifter fra brødtekst
    • Skaber hierarki og visuel retning

    2. Vægtkontrast

    • Kombinér bold og light for at fremhæve vigtige ord
    • Øger læsevenlighed ved at bryde monotoni

    3. Skrifttypekontrast

    • Brug fx en serif til overskrifter og sans-serif til brødtekst (eller omvendt)
    • Vigtigt at sikre, at skrifttyperne komplementerer hinanden

    4. Farvekontrast

    • Mørk tekst på lys baggrund (eller omvendt) skaber tydelig læsbarhed
    • Undgå farvekombinationer med lav kontrast (fx grå på lysegrå)

    5. Kursiv og versaler

    • Brug kursiv til citater eller fremhævelse
    • Brug versaler (caps) til korte overskrifter – med omtanke, da det kan hæmme læsning

    6. Afstandskontrast

    • Øg linjeafstand (leading) og bogstavafstand (tracking) for at skabe luft
    • Brug mellemrum og indryk som visuelle pauser

    Hvorfor er kontrast vigtig?

    • Gør læserens vej gennem teksten naturlig
    • Øger engagement og forståelse
    • Giver designet personlighed og stil
    • Forbedrer tilgængelighed – især for ældre eller synshæmmede brugere

    Eksempler på god kontrast i brug

    • Visitkort: Stor navneskrift i bold vs. kontaktinfo i regular
    • Magasinlayout: Serif overskrift + sans-serif brødtekst
    • Webdesign: Mørk #111111 tekst på #FFFFFF baggrund
  • Skriftstørrelser og læsbarhed: Sådan vælger du rigtigt i tryk og webdesign

    Skriftstørrelser og læsbarhed: Sådan vælger du rigtigt i tryk og webdesign

    Hvorfor er skriftstørrelse vigtig?

    Skriftstørrelsen spiller en central rolle i læsevenligheden og den overordnede brugeroplevelse. Hvis teksten er for lille, bliver den svær at læse – og hvis den er for stor, virker layoutet ustruktureret.

    En velvalgt skriftstørrelse sikrer:

    • Hurtig læsning uden anstrengelse
    • Tydelig informationsstruktur
    • Professionelt og afbalanceret design

    Anbefalede skriftstørrelser i tryksager

    TeksttypeAnbefalet størrelse (tryk)
    Brødtekst10–12 pt
    Overskrifter18–36 pt (afhængig af format)
    Billedtekster7–9 pt
    Fodnoter6–8 pt
    VisitkortMin. 6 pt (helst 8–9 pt)

    OBS: Ved ældre målgrupper anbefales minimum 12 pt for brødtekst.


    Anbefalede skriftstørrelser til digitalt design

    EnhedBrødtekst (px/em)Overskrift (px)
    Desktop16–18 px (1em)24–48 px
    Tablet15–17 px22–36 px
    Mobil14–16 px20–32 px

    Brug responsivt design med relative enheder (em/rem) for fleksibilitet.


    Faktorer der påvirker læsbarhed

    • Skriftvalg: Sans-serif foretrækkes til skærm, serif til tryk
    • Linjeafstand (leading): 120–140 % af skriftstørrelsen anbefales
    • Linjelængde: 50–75 tegn pr. linje er ideelt
    • Kontrast: Høj kontrast mellem tekst og baggrund øger læsbarhed
    • Papirvalg: Ubestrøget papir dæmper farver og kontrast

    Skriftstørrelse og tilgængelighed

    For at overholde tilgængelighedsstandarder (WCAG) skal du sikre:

    • Minimum 14–16 px til brødtekst på web
    • Skalérbare skrifttyper
    • Kontrastforhold på mindst 4,5:1 mellem tekst og baggrund