Typografinen Hierarkia Figma:ssa: Luettavuuden ja Käyttöliittymäsuunnittelun Parantaminen

Fontti-/typografiahierarkia on olennainen osa UI/UX-suunnittelua, joka järjestää tekstin eri tyyleihin (esim. otsikot ja leipäteksti) paremman luettavuuden ja rakenteen saavuttamiseksi. Useimmissa suunnitelmissa käytetään 1–6 otsikkotyyliä ja useita leipätekstin muunnelmia.

Voit käyttää Typescale-sivustoa ihanteellisen fonttihierarkian määrittämiseen.

• Syötä peruskoko (yleensä 14px tai 16px leipätekstille);
• Valitse skaala (fontin skaalaussuhde), kuten Minor Third (1.2), Major Third (1.25) tai Golden Ratio suuremmille fonteille.
• Mukauta asetuksia, kuten fontin nimi, lihavuus, riviväli, kirjainväli ja väri;
• Kopioi otsikoiden ja leipätekstin arvot Figmaan tai muokkaa niitä tarpeen mukaan säilyttäen skaalaussuhteen. Voit kertoa tai jakaa fonttikoon valitulla skaalaussuhteella luodaksesi yhtenäiset otsikko- tai leipätekstikoot;
• Vaikka skaalaussuhde tuo johdonmukaisuutta, voit säätää asetuksia suunnittelusi tarpeiden mukaan.