Typografie na webu – jaké jsou základní pravidla jejího používání?
Typografie na webu se řídí trochu jinými pravidly, než na papíře. Ale pojďme po pořádku. Typografie je umělecká disciplína zabývající se designem a uspořádáním písma, a zalomením textu. Čím více se člověk do typografie noří, tím komplikovanější se mu může zdát. Ale je to stále disciplína o kráse a ta se vyplatí studovat. Internet ovlivnil i typografii a my si nyní řekneme pár jejích pravidel o tom, jak písmem neodohnať návštěvníka webu.
Dodržujte minimální počet fontů
Kombinace více než 3 různých stylů písma na webu může působit na uživatele zmatečně. Přehledná a čitelná typografie na webu si ptá jeden až dva typy písma, které zcela stačí. Pokud ale přece jen chcete použít více fontů, vyberte si takové styly písma, které se navzájem doplňují na základě jejich šířky. Například písmo Georgia a Verdana působí spolu harmonicky, narozdíl od kombinace písma Baskerville a Impact. Pamatujte, že forma je stejně důležitá jako samotný obsah článku.
Používejte standardní písma
Typografie na webu má mnoho zdrojů inspirace. Portály Google Web Fonts nebo Typekit, které se snadno používají a nabízejí řadu zajímavých typů písma, dělají design stránky originálním a estetickým. No má to však háček, a to ten, že ne každý uživatel bude mít přístup ke stejnému písmu. Takže písmo, které jste tolik vybírali, se návštěvníkovi může zobrazovat úplně jinak. Uživatel zná většinou standardní písmena, proto je bezpečnější použít Arial, Calibri či trebuchet.
Omezte šířku písma
Typografie na webu je také o správném množství znaků v jednom řádku. To je klíčem k čitelnosti textu. Baymardov Institut mluví o poměrech 60 znaků na řádek, aby se čtenáři nenarušoval rytmus čtení. V případě mobilních zařízení hovoří o 30 – 40 znacích na řádek. Špatný poměr znaků je jednou z nejčastějších chyb, kterých se při psaní článků můžete dopustit.
Vyberte písmo, které dobře funguje v různých velikostech
Uživatelé navštěvují web z různých zařízení s různými obrazovkami a rozlišením. Je dobré si zvolit typ písma, které funguje ve více velikostech a tloušťkách, aby se zachovala typografie na webu čitelná a použitelná v každé velikosti. Vyhněte se kurzívou, například písma Vivaldi, které je sice hezké, ale ve zmenšené formě těžko čitelné.
Používejte snadno rozlišitelné písmo
Typografie na webu nabízí množství zdrojů písma navrženého profesionály i nadšenci. Ne každé písmo se hodí na delší text. Některé písmena se na pohled dají snadno zaměnit za jiné písmena, například velké I a malé L, takže pak to vypadá takto nějak Ill, i když máme na mysli ILL. Některé písmena se špatným rozestupem mohou spolu vypadat jako jiné písmeno, například rn jako m. Při výběru fontu zkontrolujte písmo v různých kontextech, aby později nezpůsoboval čtenářům problémy.
NEPOUŽÍVEJTE CAPS LOCK PŘÍLIŠ ČASTO
Text velkými písmeny je vhodný v kontextu, který nezahrnuje čtení, jako například loga, akronymy nebo krátké slogany. Pokud ale text vyžaduje delší čtení, typografie na webu by se tomu měla přizpůsobit. Nenuťte ČTENÁŘE ČÍST VELKÁ PÍSMENA. JAK TOTO NA VÁS PŮSOBÍ?
Nezmenšujte mezery mezi řádky
Správné používání mezer mezi odstavci zvyšuje srozumitelnost až o 20%. Typografie na webu využívá i bílý prostor mezi řádky, který poskytuje čtenáři prostor pro trávení množství textu. Doporučuje se vytvořit bílé místo mezi řádky tak, aby bylo o 30% větší než samotné písmo.
Typografie na webu a její další nástrahy
Určitě se patří zmínit i dostatečný barevný kontrast písma ve srovnání s pozadím a zbytkem stránky. Vyhýbejte se blikajícím textem a barevnému písmu, zvláště pokud jde o červenou nebo zelenou (jsou lidé, kteří tyto barvy nerozlišují).