Když se podíváte na web, co je první věc, kterou vnímáte? Pravděpodobně barvy, rozvržení nebo vizuální prvky. Ale ať už je design jakkoliv propracovaný, ve finále rozhoduje text. Obsah je tím, co návštěvník čte, vnímá a zapamatovává si. A právě proto je typografie jedním z nejdůležitějších prvků webdesignu.
Špatně zvolené písmo může zkazit i ten nejhezčí web, zatímco správně vybraná typografie dokáže zlepšit čitelnost, podtrhnout vizuální styl značky a dokonce i zvýšit konverze.
Velikost a čitelnost písma
Hlavní pravidlo je jednoduché – text musí být snadno čitelný. Pokud musí uživatel přibližovat obrazovku nebo mžourat na malá písmena, něco je špatně.
- Pro desktop: Doporučená velikost písma je minimálně 16 px, ideálně kolem 18 px.
- Na mobilních zařízeních: Písmo by mělo mít alespoň 16–20 px, aby se pohodlně četlo bez přibližování.
Dalším důležitým faktorem je meziřádkový odstup (line-height). Doporučená hodnota je 1,4–1,6, což umožňuje pohodlnější skenování textu očima.
Jak vybrat vhodné písmo?
Patková nebo bezpatková písma?
- Patková písma (serif): Například Times New Roman nebo Georgia. Působí klasicky a elegantně, hodí se pro seriózní weby, magazíny nebo tiskové materiály.
- Bezpatková písma (sans-serif): Například Arial, Roboto nebo Open Sans. Jsou moderní, svěží a snadno čitelná na obrazovkách.
Kolik fontů použít?
Méně je více. Nejlepší volbou je kombinace maximálně dvou různých písem:
- Jedno písmo pro nadpisy (např. Montserrat, Poppins) – dynamické a vizuálně přitažlivé.
- Druhé písmo pro tělo textu (např. Open Sans, Lato) – neutrální a snadno čitelné.
Hierarchie a kontrast
Jak správně pracovat s nadpisy?
- H1 – hlavní nadpis: nejvýraznější prvek stránky, měl by jasně vystihovat obsah.
- H2 – podnadpisy: rozdělují obsah na hlavní sekce.
- H3, H4 – menší podnadpisy: používají se pro doplňující informace.
Kontrast mezi textem a pozadím
Kontrast je zásadní pro čitelnost. Pokud je příliš slabý, uživatelé budou mít problém s čtením.
- Vysoký kontrast: Černý text na bílém pozadí nebo bílý text na tmavém pozadí je ideální.
- Slabý kontrast: Světle šedý text na bílém pozadí může být špatně čitelný.
Typografie není jen o výběru fontu
Typografie ovlivňuje vnímání vašeho webu, způsob, jakým lidé čtou obsah, i to, jak rychle najdou požadované informace. Je to detail, který se snadno přehlédne, ale správně nastavená typografie může váš web posunout na vyšší úroveň.
Pokud si nejste jisti, držte se jednoduchosti – méně je více. Google Fonts nebo Adobe Fonts vám pomohou najít správné kombinace fontů.
A pokud stále váháte? Vsaďte na osvědčené klasiky, jako je například kombinace Montserrat a Open Sans – působí profesionálně, moderně a jsou snadno čitelné.
Chcete-li, aby váš web nejen dobře vypadal, ale také se dobře četl a působil profesionálně, věnujte typografii dostatek pozornosti. Rozdíl poznáte nejen vy, ale hlavně vaši návštěvníci.
