Co je Typografie a co zahrnuje?

Typografie je technika i umění zároveň. Pomáhá nám, aby text na webu a tisku vypadal hezky a byl pohodlně čitelný.

Zahrnuje nastavení velikosti písma, řádkování, rozestupy, výběr fontů, uspořádání textu i jeho zarovnání. Když text v bloku například zarovnáme trochu mimo, mohou se objevit tzv. typografické řeky-prázdná místa mezi slovy, která čtení zbytečně přerušují. Stačí ale maličká úprava zarovnání a váš obsah bude vypadat přehledněji a příjemněji.

V tomto článku se dozvíte:

  • jaká typografická pravidla platí pro tisk a jaká pro web
  • jak vybrat písmo, které bude ladit se značkou
  • proč na písmu záleží víc, než si možná myslíte

Souvisí s článkem: Písmo na webu – proč na něm záleží víc, než si myslíte


1. Typografie pro tisk

Tisk má svá specifika a to, co funguje na monitoru, může být na papíře nečitelné.

Některá důležitá typografická pravidla pro tisk

  • Minimální velikost písma pro tisk
    – 9/10 pt
  • Kontrast mezi písmem a podkladem
    – světlý text na světlém pozadí, nebo naopak tmavý text na tmavém pozadí
  • Správné řádkování a zarovnání
    – řádkování se obvykle pohybuje mezi 1,15 a 1,5, ale pro formální dokumenty se doporučuje 1,5 nebo i 2
    – nejběžnější zarovnání je zarovnání doleva kdy je text zarovnán s levým okrajem 
  • Písmo bez chyb
    – pozor na znaky s chybějícími diakritickými znaménky

Jaké fonty se hodí pro tisk?

  • Serifové písmo (s patkami) např. Garamond, Times, Playfair
  • Bezpatkové pro moderní tiskoviny např. Helvetica, Lato
  • Dekorativní fonty jen pro krátké nadpisy nikoli pro běžný text

2. Typografie pro web

Na webu a to jak na počítači tak v mobilním prohlížeči, čteme úplně jinak. Většinou mnohem rychleji, skenujeme očima a hledáme jestli je to to pravé co právě potřebujeme najít.

Některá pravidla typografie pro web:

  • Dostatečně velké písmo
    – 2 px a více je duležité rozlišovat podle zařízení
  • Dobře čitelný font bez patky
    – např. Inter, Roboto, Open Sans
  • Maximálně 2–3 fonty na webu
    – jinak působí roztříštěně
  • Zvýšený řádkový odstup (line-height)
    – pro snadnější čtení
  • Responzivní zobrazení
    – písmo se musí přizpůsobit mobilům a tabletům

◇ Tip: Vyhýbejte se ručně psaným nebo zbytečně ozdobným fontům u delšího textu – snižují čitelnost.


Proč na typografii záleží?

  • Čitelnost
    – dobře zvolené písmo usnadňuje porozumění textu
  • Vizuální styl
    – font dotváří atmosféru značky – tradiční vs. moderní vs. hravý
  • Konverze
    – lepší čitelnost zvyšuje zapojení a akci uživatele
  • Vnímání profesionality
    – nevhodné písmo může snížit důvěryhodnost celého projektu

Více o celkové vizuální jednotnosti najdete v článku Jak sjednotit grafiku na sociálních sítích, webu a tiskovinách


Tisk vs. web – hlavní rozdíly

ParametrTiskové materiályWebové rozhraní
Velikost písma9–12 pt12–20 px a více
Výběr fontučasto s patkami (serif)spíše bezpatkové (sans-serif)
Řádkovánípevně danéflexibilní (CSS, mobilní zařízení)
Požadavky na ostrosttisková kvalita (300 DPI)různé displeje (PPI)
Způsob čtenípomalejší, pozornější čtenískenování očima, scrollování

Jak vybrat správný font pro značku?

  • Zamyslete se nad osobností značky
    – je formální, kreativní, luxusní?
  • Zvažte cílovou skupinu
    – jiný font osloví mladé kreativce a jiný řemeslníky
  • Otestujte čitelnost
    – i v malém rozměru, i v mobilu
  • Nepodlehněte módnímu fontu, který za rok zestárne

O tom, jak tvořit nadčasový vizuál, čti v článku: Jak vytvořit logo, které bude fungovat i za 10 let


Shrnutí

Každé písmo má svůj příběh. Ať už chcete vytisknout leták, vytvořít logo, nebo navrhujete web, typografie má obrovský vliv na čitelnost, emoce i vnímání značky a je proto důležité vybrat si správně.

Špatně zvolený typografie a font také může vaši značce znepřehlednit sdělení nebo působit neprofesionálně. Správně použitý font naopak pomáhá značce růst.

Potřebujete sjednotit typografii vaší značky?

Ve studiu Somar:

tvoříme firemní vizuální styl na míru
sjednocujeme typografii napříč webem, tiskem i sociálními sítěmi
pomáháme s výběrem písem i tvorbou grafických šablon

Podívejte se na naše grafické služby
Jsme z Krnova, pracujeme pro klienty z celé ČR