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 (f.eks. overskrifter og brødtekst) for bedre lesbarhet og struktur. De fleste design bruker 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 (fontskaleringsforhold) 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 skaleringsforholdet. Du kan multiplisere eller dividere fontstørrelsen med valgt skaleringsforhold for å lage konsistente størrelser på overskrifter eller brødtekst;
• Selv om skaleringsforholdet gir konsistens, kan du justere innstillingene basert på kravene til designet ditt.