Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Typografisk Hierarki | Typografiens Grundprincipper
Designgrundlag

Typografisk Hierarki

Stryg for at vise menuen

Note
Bemærk

Typografisk hierarki hjælper med at guide læseren gennem indholdet ved at bruge størrelse, vægt, placering og stil til at fremhæve forskellige informationsniveauer.

Designere skaber hierarki ved at beslutte, hvad der skal læses først, dernæst og så videre, og derefter bruge afstand, fed skrift eller kursiv til at organisere indholdet visuelt. Tilgangen bør tilpasses målgruppen og mediet. Her er nogle tips til at opnå god hierarki:

Kontrast

Du kan kombinere smalle og brede skrifttyper til overskrifter. Du kan også bruge farve, men undgå farver, der er for ens, eller som flimrer, som rød og grøn sammen. Hvis din tekst er i farve, vælg en kraftigere skrifttype for bedre synlighed. Et andet stærkt værktøj er "skriftstørrelse". Et stort spring i størrelse hjælper læseren med straks at se, hvad der er vigtigt. Men små ændringer gør ikke meget. Prøv at gøre forskellen tydelig.

Undgå Overdrivelse

Hvis du bruger for mange fremhævningsteknikker på én gang, som fed, kursiv, understregning, størrelsesændringer og farve, skaber det bare rod. Brug kontrast med omtanke. De bedste designs er klare, ikke larmende.

Skriftstørrelse er ikke alt

Ja, skrift er et stærkt værktøj, men dens effekt afhænger af konteksten, pladsen omkring, skriftvægten og resten af layoutet. Stor skrift tiltrækker opmærksomhed, men fungerer bedst, når den balanceres med andre designvalg.

Overskrifter spiller også en stor rolle

Når du har fastlagt indholdets struktur, tildel overskrifter størrelser og stilarter, der matcher deres vigtighed. Sørg for, at de forskellige niveauer ser tydeligt forskellige ud. Du kan også lege kreativt med overskrifter. Prøv at bryde linjer, bruge forskellige størrelser i én overskrift eller nedtone mindre ord som "og" eller "the". Disse tricks giver mere vægt til nøgleordene.

question mark

Hvorfor har store bogstaver brug for ekstra afstand i design?

Vælg det korrekte svar

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 6

Spørg AI

expand

Spørg AI

ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 4. Kapitel 6
some-alt