Tag: typografi tips

  • 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