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

Font-/typografisk hierarki er et afgørende aspekt af UI/UX-design, der organiserer tekst i stilarter (f.eks. overskrifter og brødtekst) for at forbedre 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 det ideelle fonthierarki.

• Indtast en grundstørrelse (typisk 14px eller 16px for brødtekst);
• Vælg en skala (fontskalaforhold) såsom Minor Third (1.2), Major Third (1.25) eller Golden Ratio for større skrifttyper.
• Tilpas indstillinger som skrifttype, 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 skalaforholdet. Du kan multiplicere eller dividere skriftstørrelsen med det valgte skalaforhold for at skabe konsistente størrelser til overskrifter eller brødtekst;
• Selvom skalaforholdet giver konsistens, kan du justere indstillingerne baseret på kravene til dit design.