Tipografija v spletnem oblikovanju: Popoln vodič | Lumexa Labs Blog
Dizajn

Tipografija v spletnem oblikovanju: Popoln vodič

12. mar 2025 7 min branja
M
Maj Pagon
Vodja razvoja
Maj je arhitekt celovitih spletnih rešitev, specializiran za razširljive aplikacije.

Tipografija je glas vašega dizajna. Tukaj je, kako doseči, da zapoje.

Načela združevanja pisav

Uporabite največ 2-3 pisave. Združite serifno z neserifno pisavo ali uporabite različne debeline iste družine pisav. Orodja, kot so predlogi za združevanje Google Fonts, pomagajo.

Vzpostavitev hierarhije

Uporabite lestvico: 1,25 (mala sekunda) do 1,333 (popolna kvarta). Dosledno določite velikosti naslovov, telesnega besedila, napisov in interaktivnega besedila.

Dejavniki berljivosti

Višina vrstice: 1,5 za telesno besedilo, 1,2 za naslove. Dolžina vrstice: 45-75 znakov na vrstico. Merite v rem/em, ne v pikslih.

Zmogljivost spletnih pisav

Uporabite font-display: swap, prednaložite ključne pisave, zmanjšajte nabor znakov na tiste, ki jih potrebujete, in razmislite o spremenljivih pisavah za manjšo velikost datotek.

Profesionalni nasveti

  • ✓ Uporabite relativne enote (rem/em)
  • ✓ Testirajte na različnih napravah
  • ✓ Zagotovite nadomestne pisave
  • ✓ Razmislite o sistemskih skladih pisav
Share this article:

Related articles

You might also enjoy these

← Back to all articles