Tag: fontvalg

  • 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
  • Monospace, Display og Scriptfonte: Hvad er forskellen, og hvornår bruger man dem?

    1. Hvad er monospace skrifttyper?

    Monospace (eller fast bredde) skrifttyper har samme bredde for alle tegn – hver enkelt bogstav, punktum og mellemrum fylder præcist det samme.

    Eksempler:

    • Courier
    • Consolas
    • IBM Plex Mono

    Egenskaber:

    • Teknisk og mekanisk udtryk
    • Let at læse i kolonner og koder
    • Brugt i programmering, regneark, tabeller og teknisk dokumentation

    2. Hvad er display skrifttyper?

    Displayfonte er skrifttyper designet til store størrelser og visuel effekt, ikke til lange tekster. De er ofte kreative, dekorative eller stiliserede.

    Eksempler:

    • Bebas Neue
    • Playfair Display
    • Impact
    • Blackletter og retrofonte

    Egenskaber:

    • Høj visuel identitet
    • Bruges til plakater, overskrifter, branding og events
    • Ikke egnet til brødtekst – lav læsbarhed i små størrelser

    3. Hvad er script skrifttyper?

    Scriptfonte ligner håndskrift eller kalligrafi. De kan være formelle og elegante eller uformelle og legende.

    Eksempler:

    • Brush Script
    • Pacifico
    • Allura
    • Great Vibes

    Egenskaber:

    • Bruges i invitationer, logoer, citater og branding
    • Udtrykker personlighed, varme og stil
    • Bør bruges sparsomt og aldrig til lange tekster

    Sammenligning: Monospace vs. Display vs. Script

    SkrifttypeFormålTypisk brug
    MonospaceEns bredde, tekniskKodning, tabeller, fakturaer
    DisplayVisuelt, dekorativtPlakater, reklamer, overskrifter
    ScriptHåndskrift, stil og følelseInvitationer, citater, logoer
  • Skriftvalg til trykte materialer: Sådan vælger du den rigtige font

    Skriftvalg til trykte materialer: Sådan vælger du den rigtige font

    Hvorfor er skriftvalg vigtigt i tryk?

    Skrifttypen, du vælger til dine trykte materialer, har stor betydning for både læsevenlighed, stemning og brandidentitet. En forkert font kan gøre selv det bedste layout uprofessionelt – mens en velvalgt skrifttype løfter hele designet.


    Hvad skal du overveje?

    1. Læsbarhed

    • Serif-skrifttyper (fx Garamond, Minion, Georgia) er ofte bedre til lange tekster i tryk, fordi serifferne guider øjet fra ord til ord.
    • Undgå for tynde skrifter i små størrelser – de kan forsvinde på papir.
    • Brug skrifttyper med god x-højde og tydelig forskel på tegn (fx “l” og “1”).

    2. Papirkvalitet

    • ubestrøget papir kan meget fine skrifter flyde ud – vælg derfor skrifttyper med lidt ekstra vægt.
    • Bestrøget papir tillader højere detaljegrad og skarphed – her kan tyndere eller mere dekorative skrifter bruges.

    3. Trykmetode

    • Offsettryk gengiver detaljer bedre end digitaltryk – relevant ved små tekster og fine linjer.
    • Ved præg, folie og lak bør skrifttyper være lidt større og mere robuste.

    Skrifttyper til forskellige tryksager

    TryksagAnbefalede skrifttyper
    BøgerGaramond, Minion, Sabon, Bembo
    Magasiner og aviserFreight Text, Utopia, Times New Roman
    Brochurer/foldereFutura, Avenir, Helvetica, FF Meta
    Visitkort og logoGotham, Bodoni, Didot, Univers
    PlakaterImpact, DIN, Akzidenz Grotesk, Bebas Neue

    Kombinér skrifttyper med omtanke

    • Vælg én skrifttype til brødtekst og én anden til overskrifter for kontrast.
    • Brug font-familier med mange vægte (light, regular, bold) for fleksibilitet.
    • Sørg for, at skrifttyperne komplementerer hinanden – undgå for mange stilarter på én side.
  • Typografiske hierarkier: Struktur og læsevenlighed i grafisk design

    Typografiske hierarkier: Struktur og læsevenlighed i grafisk design

    Hvad er typografisk hierarki?

    Typografisk hierarki er princippet om at organisere tekst i lag, så læseren hurtigt kan afkode, hvad der er vigtigst – fx titel, underoverskrift, brødtekst og billedtekster. Det opnås gennem variation i:

    • Skriftstørrelse
    • Vægt (bold, regular, light)
    • Farve
    • Versaler/versaler
    • Skriftfamilie og afstand

    Et godt hierarki skaber overblik, læsevenlighed og æstetik i både trykte og digitale materialer.


    Eksempel på hierarkiske niveauer

    NiveauFunktionTypiske egenskaber
    1. NiveauHovedtitelStor skriftstørrelse, bold, ofte caps
    2. NiveauMellemrubrikker / sektionstitlerMedium størrelse, semibold
    3. NiveauUnderoverskrifterMindre størrelse, regular italic
    BrødtekstHovedindhold10–12 pt, let læselig skrifttype
    Supplerende tekstBilledtekster, noterLille, gråtonet, evt. condensed

    Hvorfor er hierarki vigtigt?

    • Guiding: Læseren ved, hvor øjet skal starte og i hvilken rækkefølge
    • Effektiv formidling: Budskabet kommer klart og struktureret frem
    • Visuelt flow: Teksten virker mindre kompakt og lettere at skimme
    • Brandkonsistens: Et fast hierarki styrker genkendelse og professionalisme

    Tips til stærkt typografisk hierarki

    • Begræns antal skrifttyper – brug maks. 2–3
    • Arbejd med kontrast: størrelse, tykkelse og farve
    • Brug linjeafstand (leading) for luft og klarhed
    • Gentag struktur i hele dokumentet – skab rytme
    • Overvej responsiv tilpasning i webdesign

    Typografiske hierarkier i tryk vs. digitalt

    EgenskabTryksagerDigitale medier
    SkriftstørrelseFast og præcisSkal kunne tilpasse skærmstørrelser
    LæseafstandOfte tættere påTypisk større afstand (mobil, desktop)
    NavigationLineærKlikbart – kræver tydelige ankre