Typografisk Hierarki i Figma: Förbättrad Läsbarhet och UI-design

Tecken-/typografisk hierarki är en avgörande aspekt av UI/UX-design som organiserar text i stilar (t.ex. rubriker och brödtext) för bättre läsbarhet och struktur. De flesta designer använder 1–6 rubrikstilar och flera variationer av brödtext.

Du kan använda Typescale-sidan för att fastställa den optimala fonthierarkin.

• Ange en basstorlek (vanligtvis 14px eller 16px för brödtext);
• Välj en skala (teckenstorleksförhållande) såsom Minor Third (1.2), Major Third (1.25) eller Golden Ratio för större teckensnitt.
• Anpassa inställningar som teckensnittsnamn, vikt, radavstånd, bokstavsavstånd och färg;
• Kopiera värdena för rubriker och brödtext till Figma eller justera dem vid behov samtidigt som du behåller skalförhållandet. Du kan multiplicera eller dividera teckenstorleken med den valda skalan för att skapa konsekventa rubrik- eller brödtextstorlekar;
• Även om skalförhållandet ger konsekvens kan du justera inställningarna utifrån designens krav.