Typografisk Hierarki i Figma: Forbedring af Læsbarhed og UI-Design

Skrifttype-/typografisk hierarki er et afgørende aspekt af UI/UX-design, der organiserer tekst i stilarter (f.eks. overskrifter og brødtekst) for bedre læsbarhed og struktur. De fleste designs anvender 1–6 overskriftsstilarter og flere variationer af brødtekst.

Du kan bruge Typescale-siden til at bestemme den ideelle skrifttypehierarki.

• Indtast en grundstørrelse (typisk 14px eller 16px for brødtekst);
• Vælg en skala (skrifttypeskaleringsforhold) såsom Minor Third (1.2), Major Third (1.25) eller Golden Ratio for større skrifttyper.
• Tilpas indstillinger som skrifttypenavn, vægt, linjeafstand, bogstavmellemrum og farve;
• Kopiér værdierne for overskrifter og brødtekst ind i Figma, eller tilpas dem efter behov, mens du bevarer skaleringsforholdet. Du kan gange eller dividere skriftstørrelsen med det valgte skaleringsforhold for at skabe ensartede størrelser til overskrifter eller brødtekst;
• Selvom skaleringsforholdet giver konsistens, kan du justere indstillingerne baseret på kravene til dit design.