Typografie pro čitelnost — Jak vybrat správné písmo
Základní pravidla pro volbu fontů, rozestupu řádků a délky textu. Čtenáři si to opravdu všimnou.
Čtěte článekNávrhové vzory blogu a optimalizace čitelnosti
Průvodci o struktuře článků, zlepšení čtenářské zkušenosti a přístupu zaměřeném na obsah
Jak vytvořit webové stránky s obsahem, který je snadno čitelný a příjemný k používání. Procházíme praktické techniky, které skutečně fungují — od typografie až po rozložení článků.
Struktura článku — Návod na logické uspořádání obsahu
Jak rozdělit delší články do sekcí, aby je čtenáři dočetli do konce. Funguje to lépe, než si myslíte.
Čtěte článek
Kontrast a barvy — Přístupnost pro všechny čtenáře
Jak zvolit barvy a zajistit, aby text viděli i čtenáři se zhoršeným zrakem. Není to tak složité.
Čtěte článek
Responzivní design pro mobily — Čitelnost všude
Články se musí dobře číst na malých obrazovkách. Základní techniky, které to zajistí.
Čtěte článekNejlepší design je neviditelný. Čtenář by se měl soustředit na slova, ne na to, jak to vypadá.
Obsah na prvním místě
V České republice přibývá webů, ale mnoho z nich je těžké číst. Bílý text na tmavém pozadí, malá písma, příliš dlouhé řádky — všechno to čtenářům znepříjemňuje zážitek. Dobrý design není o tom, jak to vypadá. Jde o to, aby se čtenáři mohli soustředit na to, co chcete říci.
Když se zaměříte na čitelnost — správné písmo, dobrý kontrast, rozumné rozestupy — čtenáři zůstávají déle. Čtou více. Sdílí články se svými kamarády. To je ten rozdíl, který si všimnete.
Pět principů čitelného obsahu
1
Typografie, která funguje
Vyberete písmo, které je čitelné na obrazovkách. Sans-serif pro web, ne dekorativní fonty. Velikost písma — alespoň 16 pixelů pro tělo textu.
2
Rozestupy, které dávají smysl
Řádky by neměly být příliš dlouhé — okolo 60 znaků na řádek je ideální. Rozestup mezi řádky by měl být alespoň 1,5. Čtenáři to cítí, i když si toho neuvědomují.
3
Kontrast a barvy
Tmavý text na světlém pozadí nebo naopak. Musíte to testovat — ne všichni vidí barvy stejně. WCAG standardy vám řeknou, co funguje.
4
Bílé místo není plýtvání
Okolo textu potřebujete prostor. Velké okraje, odsazení — to není chyba. To je design. Čtenáři se lépe orientují a není to tak vyčerpávající.
5
Hierarchie obsahu
Nadpisy by měly vynikat. Seznamy by měly být jasné. Důležité věty — zvýrazněte je. Čtenáři tak vědí, kudy se mají dát.