Základné typografické pravidlá pre internetové stránky

Tlačiť E-mail
Typografia

Človek nemusí byť zrovna profesionálny typograf, grafik či redaktor, aby jeho podvedomie dokázalo zhodnotiť danú webovú stránku ako vizuálne namáhavú alebo príjemnú pre čítanie. Nedodržanie typografických zásad môže pôsobiť pre návštevníka odpudzujúco, namiesto toho, aby sa niekedy ešte vrátil. Pri tvorbe webových stránok platia v niečom trochu iné typografické pravidlá ako pri tlačenom texte. Na internete sú internetové stránky, čo spĺňajú základné typografické kritériá, žiaľ v menšine. Tento článok v stručnosti oboznámi s týmito typografickými pravidlami.

Medzi textom a pozadím musí byť dostatok kontrastu

Nie darmo sa hovorí „čierne na bielom“. Ide o dve farby, ktoré sú v absolútnom protiklade, kvôli čomu sa text voči pozadiu maximálne vymedzuje a vďaka tomu sa ľahko číta. Všetko ostatné je vecou kompromisu medzi týmto maximálnym kontrastom a dizajnérskymi zámermi tvorcov webu. Čím viac je stránka textovo obsiahla a usiluje sa vytvárať komunitu stabilných čitateľov, tým viac by sa mala blížiť k absolútnemu kontrastu.

Text musí dýchať

Medzi textom a grafickými hranicami stránky či inými objektmi (ako napr. obrázkami) by malo byť dostatok priestoru, aby tým text nebol rušený.

Medzi jednotlivými riadkami by mal byť priestor (riadkovanie minimálne 1,5).

Pre jeden odsek je optimum 5 riadkov. Odsek, ktorý by mal mať riadkov 10, je lepšie, pokiaľ je to možné, rozdeliť na 2. Odseky by mali byť oddelené dostatočnou medzerou.

Zarovnanie textu do bloku verzus zarovnanie vľavo

Zarovnanie textu do bloku pre mnohých pôsobí úhľadnejšie a teda estetickejšie. Na druhej strane môžeme „zalamovať“ text zarovnaním vľavo. Ak sa pozrieme na najnavštevovanejšie portály, zistíme, že štatisticky vyhráva zarovnanie textu vľavo. Môže vznikať otázka, prečo je tomu tak.

Jeden z dôvodov je akýsi optický klam: kostrbaté zakončenia textu vpravo oko spriemeruje a odsek sa javí ako užší spravidla minimálne o 10 %. Človek vo svojej lenivej podstate bude skôr preferovať ilúziu stručnosti.

Pätkové verzus bezpätkové typy písma

V zásade platí, že bezpätkové písma sú cez monitor lepšie čitateľné, lebo pätky sú príliš detailné a pixely monitora, sú príliš veľké, aby ich dokázali jemne vykresliť. Výsledkom je kostrbaté písmo, ktoré pri veľmi malých veľkostiach ani nemožno prečítať.

Aj napriek tomu sa pri renomovaných zahraničných spravodajských portáloch môžeme stretnúť s používaním pätkových typov písem. Prečo tomu tak je? Dôvodov môže byť viac. Jeden dôvod môže byť snaha nebyť všedným. Iným dôvodom môže byť psychologické posolstvo pätkového písma, ktoré je späté s tlačeným textom – s klasickými novinami a knihami. Skrz túto spojitosť sa dizajnéri môžu usilovať o zvyšovanie dôveryhodnosti obsahu, keďže internetový obsah nedosahuje takú mieru dôveryhodnosti ako texty tlačené.

Nedá sa teda skonštatovať, ktoré sady písma sú a priori vhodnejšie.

Hierarchia a štruktúra textu musí byť zrozumiteľná

Či už ide o komerčný obsah alebo iba členený informačný text, musí byť z neho jasná jeho štruktúra. Treba vedieť ľahko rozlíšiť, čo je dôležité, tiež čo je nadpis a podnadpis. Zložitejšiu štruktúru ako 2 úrovne nadpisov (nerátajúc hlavný nadpis) neodporúčame.

Zreteľnosť štruktúry textu môžeme dosahovať:

  • Rôznymi farbami: menej významné veci sú menej kontrastné voči pozadiu.
  • Veľkosťou písma: nadpisy prvej úrovne sú najväčšie a postupne stále menšie, minimálne o 2 body. Nemali by byť však menšie ako hlavný text.

Je dobré sa pri formátovaní textu vyhnúť podčiarkovaniu textu – tento atribút je vyhradený pre hypertextové prepojenia. Tiež je dobré vyhnúť sa kurzíve (šikmému textu) a to práve preto, lebo má cez monitor horšiu čitateľnosť – namiesto zdôraznenia textu sťažíte jeho prečítanie.

Pokiaľ je text svojou štruktúrou veľmi jednoduchý (napr. iba obyčajný text a zopár zoznamov), môžeme ho okoreniť nejakým výraznejším grafickým prvkom namiesto tradičného plného krúžku. Ak však má text štruktúru zložitú, vtedy je lepšie držať sa prednastaveného konvenčného dizajnu textu, inak by pôsobil chaoticky.

Farby by nemali zavádzať

Dôležité je najmä, aby si návštevník hneď intuitívne uvedomil, ako sú odlíšené hypertextové prepojenia. K tomu by mala byť vyhradená farba, ktorá je dostatočne kontrastná nielen s pozadím, ale aj s farbou zvyšného textu.

Túto zásadu je často ťažké dodržať a to najmä vtedy, ak web obsahuje rôzne farebné ponuky s odkazmi. Pre málo skúseného návštevníka tak môže vznikať chaos.

Pozor na správne úvodzovky

Jednou zo žalostne zanedbávaných oblastí na slovenskom internete sú správne úvodzovky. O tom ale viac na inom mieste, v článku: Úvodzovky a ich správne písanie.

Záver

Nakoniec sú weby väčšinou vecou kompromisu. Webdizajnéri vynakladajú nemalé úsilie, aby svoj web odlíšili od miliónov ďalších. Nevyhnutne tak musí dochádzať ku kolízii s uniformnými typografickými pravidlami. Našťastie, urobiť korektný web podľa typografických zásad je dnes stále dosť „nezvyčajné“ a teda robiť veľké kompromisy s typografickými pravidlami nie je až také nutné.