UX Dizajnzačiatočník

Čo je Typografia?

Typografia je umenie a technika usporiadania písma tak, aby bol text čitateľný, zrozumiteľný a vizuálne príťažlivý. Zahŕňa výber písma (fontov), veľkosti, riadkovania, medzier medzi písmenami a celkový vizuálny štýl textu na webe.

Definícia Typografia

Definícia typografie

Typografia (z anglického typography) je umenie a technika usporiadania písma s cieľom urobiť písaný text čitateľným, zrozumiteľným a esteticky príťažlivým. Pojem pochádza z gréckych slov typos (odtlačok) a graphein (písať). Zahŕňa výber písma (typeface), veľkosti (point size), dĺžky riadkov, riadkovania (line spacing), medzier medzi písmenami (letter spacing) a kerning (medzery medzi konkrétnymi pármi písmen).

Typografia má korene v 15. storočí, keď Johannes Gutenberg vynašiel kníhtlač s pohyblivými literami okolo roku 1440. Tento vynález revolučne zmenil šírenie informácií. V digitálnom veku sa typografia stala kľúčovým prvkom webového dizajnu.

Kľúčové pojmy typografie

  • Typeface vs. Font — typeface (napr. Arial) je rodina písma, font (napr. Arial Bold 16px) je konkrétna varianta s určenou hrúbkou a veľkosťou
  • Serif vs. Sans-serif — serifové písma (napr. Times New Roman) majú „pätky" na koncoch ťahov, sans-serifové (napr. Helvetica) ich nemajú a pôsobia modernejšie
  • Kerning — úprava medzier medzi konkrétnymi pármi písmen (napr. „AV" potrebuje menšiu medzeru)
  • Leading (riadkovanie) — vertikálna medzera medzi riadkami textu, ovplyvňuje čitateľnosť
  • Tracking — rovnomerná medzera medzi všetkými písmenami v texte

Typografia na webe

Na webe je typografia zásadná pre používateľský zážitok. Správne zvolené písmo, veľkosť a riadkovanie rozhodujú o tom, či návštevník text prečíta alebo stránku opustí. Webové fonty (Google Fonts, Adobe Fonts) umožňujú používať tisíce písiem bez nutnosti ich inštalácie u návštevníka.

Základné pravidlo: kombinujte maximálne 2-3 písma na jednej stránke — jedno pre nadpisy, jedno pre text a prípadne jedno pre doplnkové prvky.

Praktický príklad

Príklad: Webstránka advokátskej kancelárie.

Zlá typografia: Comic Sans pre nadpisy, malá veľkosť písma (11px), úzke riadkovanie. Stránka pôsobí neprofesionálne a text sa ťažko číta.

Dobrá typografia: Serifové písmo (napr. Playfair Display) pre nadpisy — vyžaruje autoritu a tradíciu. Sans-serifové písmo (napr. Inter) pre text tela — čisté a čitateľné. Veľkosť textu 16-18px, riadkovanie 1.6.

Výsledok: Stránka pôsobí dôveryhodne, profesionálne a text sa príjemne číta na akomkoľvek zariadení.

Často kladené otázky

Čo je typografia na webe?

Typografia na webe je umenie výberu a usporiadania písma na webstránke. Zahŕňa výber fontov, veľkosti textu, riadkovania a medzier tak, aby bol obsah čitateľný a vizuálne príťažlivý.

Aký je rozdiel medzi typeface a font?

Typeface (napr. Arial) je celá rodina písma. Font (napr. Arial Bold 14px) je konkrétna varianta tejto rodiny s presne určenou hrúbkou, štýlom a veľkosťou.

Koľko fontov by mala mať webstránka?

Odporúča sa použiť maximálne 2-3 fonty — jeden pre nadpisy, jeden pre text tela a prípadne jeden pre špeciálne prvky ako menu alebo citáty.

Aký je rozdiel medzi serif a sans-serif písmom?

Serifové písma (Times New Roman, Georgia) majú dekoratívne „pätky" na koncoch ťahov a pôsobia tradične. Sans-serifové (Arial, Helvetica) pätky nemajú a pôsobia modernejšie a čistejšie.

Prečo je typografia dôležitá pre webstránku?

Typografia priamo ovplyvňuje čitateľnosť, dôveryhodnosť a celkový dojem z webu. Zlá typografia spôsobí, že návštevníci stránku opustia — až 38 % ľudí prestane interagovať s webom, ak je obsah vizuálne nepríťažlivý.

Súvisiace pojmy

Súvisiace odkazy

Potrebujete pomôcť s webom?

Napíšte mi a poradím vám s vaším projektom. Prvá konzultácia je zadarmo a nezáväzná.