Hledáte řešení pro Váš e-shop? Shopio je moderní internetový obchod (e-shop) vytvořený s ohledem na snadné používání.

Typografie – členění textu

Typografie je, přes množství článků a webů, které se jí věnují, často opomíjenou webovou disciplínou. Článek shrnuje stručně a snad i srozumitelně základní typografické zásady a jejich aplikaci na webu.

Zarovnání textu

Webdesignéři často řeší otázku, zda text zarovnat vlevo na praporek nebo do bloku. Text, zarovnaný na praporek je lépe čitelný. Text, zarovnaný do bloku působí mnohdy estetičtěji. Pokud chcete zarovnávat do bloku, měli byste mít dostatečně široký blok s textem, aby nevznikaly příliš nekonzistentní mezislovní mezery. Text můžete zarovnat ještě na střed nebo doprava na praporek.

Členění a oddělování odstavců

Pro vizuální členění odstavců existují dvě základní metody. Odsazení prvního řádku a horizontální mezera mezi odstavci. Pro dobrou čitelnost je vhodné na webu používat mezery mezi odstavci. Odsazením prvního řádku nic nezkazíte. Já používám obě metody zároveň. Odsazení prvního řádku by se mělo pohybovat mezi jedním až třemi čtverčíky (osobně bych spíš doporučil jeden a půl až tři čtverčíky: 1.5–3em). Jeden čtverčík je ekvivalentní k šířce velkého písmene M. Pokud odsazujete první řádky, můžete odsazení vynechat u prvního odstavce článku nebo u prvního odstavce za nadpisem.

  • odsazení prvního řádku: css vlastnost text-indent
  • pro mezeru mezi odstavci se používá zejména vlastnost margin

Proklad řádků

Proklad určuje vzdálenost mezi dvěma řádky textu. Pro lepší čitelnost běžného textu jsou vhodné hodnoty kolem jednoho a půl čtverčíku. Velikost prokladu ale záleží na konkrétním textu, velikosti písma a dalších faktorech. Například u seznamů používám často větší proklad pro znatelné oddělení jeho položek.

Prostrkání a mezislovní mezery

Pro zvýraznění textu nebo pro zlepšení jeho čitelnosti se používá prostrkání. Jde o rozšíření mezer mezi jednotlivými znaky. Obecně nelze říct, kdy ho použít a jak. Jako příklad mohou posloužit tučné nadpisy, u kterých se text slévá do sebe (např. font impact). S prostrkáním by se mělo zacházet velmi jemně, méně znamená obvykle více.

Strukturu textu ovlivňují i mezislovní mezery, do kterých obvykle není potřeba zasahovat.

Řezy a zvýrazňování textu

Pro zvýraznění textu se používá několik řezů písma. Jde o řez tučný, kurzivu, podtržení, kapitálky (snížené verzálky) a verzálky (velká písmena). Text můžete zvýraznit také barvou, nejlépe v kombinaci třeba s tučným řezem. S kapitálkami zacházejte velice opatrně, aby příliš nenarušily konzistenci textu. Verzálky se hodí např. pro nadpisy. Podtržení by se mělo na webu používat jen a pouze u odkazů. Pokud zvýrazňujete nějaký výčet prvků, zvýrazněte pouze prvky. Interpunkční znaménka, která prvky oddělují, nezvýrazňujte (viz druhá věta tohoto odstavce).

Odkazy


15 komentářů

RSS komentářů ke článku

Přidat komentář

Povinný je pouze text komentáře. Vyplňujte ale prosím, pokud možno, všechny údaje. E-mail nebude zobrazen.

Byl bych potěšen, kdybyste psali s diakritikou.

Můžete použít Texy! formátování.

« Chyba a:hover v IE – jednoduché řešení Blýská se na lepší časy »