Typografisk Hierarki i Figma: Forbedring av Lesbarhet og UI-design

Font-/typografisk hierarki er et avgjørende aspekt ved UI/UX-design som organiserer tekst i stiler (for eksempel overskrifter og brødtekst) for bedre lesbarhet og struktur. De fleste design benytter 1–6 overskriftsstiler og flere varianter av brødtekst.

Du kan bruke Typescale-nettstedet for å finne den ideelle fonthierarkiet.

• Skriv inn en grunnstørrelse (vanligvis 14px eller 16px for brødtekst);
• Velg en skala (forhold for fontskalering) som Minor Third (1.2), Major Third (1.25) eller Golden Ratio for større fonter.
• Tilpass innstillinger som fontnavn, vekt, linjeavstand, bokstavavstand og farge;
• Kopier verdiene for overskrifter og brødtekst inn i Figma, eller tilpass dem etter behov, så lenge du opprettholder skalaforholdet. Du kan multiplisere eller dividere fontstørrelsen med valgt skalaforhold for å lage konsistente størrelser på overskrifter eller brødtekst;
• Selv om skalaforholdet gir konsistens, kan du justere innstillingene basert på kravene til ditt design.