Typografie
Typografie je umění a technika práce s písmem – zahrnuje výběr fontů, jejich velikost, řádkování, odstupy a vizuální hierarchii textu. Jejím cílem je zajistit, aby byl psaný text čitelný, srozumitelný a vizuálně atraktivní. V kontextu webu a brandingu typografie zásadně ovlivňuje, jak uživatelé vnímají obsah i značku.
Typografie není jen estetická záležitost – má měřitelný dopad na čitelnost, porozumění textu a chování uživatelů na webu:
- Uživatelé text nečtou, skenují ho: eye-trackinkový výzkum NNGroup (500+ účastníků, 750+ hodin testů za 13 let) prokázal, že uživatelé přečtou v průměru jen 20 % textu na stránce. 79 % uživatelů novou stránku pouze skenuje (NNGroup – How Users Read on the Web)
- Velikost písma ovlivňuje porozumění: eye-trackinková studie 104 účastníků (Rello & Pielot, CHI 2016) zjistila, že texty o velikosti 18px a více vedou k signifikantně lepšímu porozumění i čitelnosti (Rello & Pielot – Make It Big!, CHI 2016)
- Výběr fontu může zvýšit rychlost čtení o 35 %: studie 352 účastníků ve věku 18–71 let (Wallace et al., ACM TOCHI, 2022) testovala 16 běžných fontů a prokázala, že rozdíl mezi nejrychlejším a nejpomalejším fontem činí až 35 % v rychlosti čtení (Wallace et al. – Towards Individuated Reading Experiences, ACM TOCHI 2022)
- Typ písma ovlivňuje čitelnost při letmém pohledu: výzkum MIT AgeLab a Monotype na 67 účastnících ukázal, že humanistické fonty jsou čitelné o 8,8 % rychleji než geometrické fonty (MIT AgeLab / Monotype – Glance-Based Legibility Research)
- Webové fonty jsou standard: podle HTTP Archive Web Almanac 2025 používá webové fonty přibližně 88 % webů a Google Fonts pokrývá cca 47–54 % z nich (HTTP Archive – Web Almanac 2025, Fonts)
Časté dotazy
Jakou minimální velikost písma použít na webu?
Eye-trackinková studie 104 účastníků (Rello & Pielot, CHI 2016) prokázala, že velikost 18px a více vede k signifikantně lepšímu porozumění textu. Pro hlavní textový obsah webových stránek se dnes doporučuje minimálně 16px, ideálně 18px a více. Menší velikosti prokazatelně snižují čitelnost, zejména u uživatelů nad 30 let (MIT AgeLab).
Serif, nebo sans-serif na webu?
Výzkum NNGroup ukazuje, že na moderních HD obrazovkách už rozdíl v čitelnosti mezi serif a sans-serif fonty není statisticky významný. Důležitější než kategorie písma je jeho konkrétní design – otevřené, humanistické tvary písmen se čtou lépe než geometrické a úzké. Studie MIT AgeLab (67 účastníků) potvrdila, že humanistický font Frutiger byl čitelný o 8,8 % rychleji než geometrický Eurostile (NNGroup – Serif vs. Sans-Serif Fonts for HD Screens).
Kolik fontů by měl web používat?
Osvědčenou praxí je omezit se na 2–3 rodiny písem. Jeden font pro nadpisy a druhý pro běžný text vytváří jasnou vizuální hierarchii. Výzkum NNGroup potvrzuje, že uživatelé stránky pouze skenují, a konzistentní typografická hierarchie jim pomáhá rychle najít to, co hledají (NNGroup – How Users Read on the Web).
Zdroje:
- NNGroup – How Users Read on the Web – eye-trackinkový výzkum, 500+ účastníků, 750+ hodin testování
- Rello & Pielot – Make It Big! (CHI 2016) – eye-trackinková studie 104 účastníků
- Wallace et al. – Towards Individuated Reading Experiences (ACM TOCHI 2022) – studie 352 účastníků, vliv fontu na rychlost čtení
- MIT AgeLab / Monotype – Glance-Based Legibility Research – 67 účastníků, vliv typu písma na čitelnost
- HTTP Archive – Web Almanac 2025, Fonts – analýza milionů webů, statistiky webových fontů
- NNGroup – Serif vs. Sans-Serif Fonts for HD Screens – výzkum čitelnosti na HD obrazovkách
%201.webp)