Všechny průvodce

Průvodce

Typografie aneb písmo není detail

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ž te

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:

◇ Souvisí s článkem: Písmo na webu - proč na něm záleží víc, než si myslí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

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

Jaké fonty se hodí pro tisk?

  • Minimální velikost písma pro tisk - 9/10 pt
  • Kontrast mezi písmem a podkladem - dostatečný kontrast mezi písmem a podkladem
  • 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
  • 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:

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

  • Dostatečně velké písmo - velikost písma je potřeba ověřit podle použitého fontu, zařízení a cílové skupiny
  • 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

Proč na typografii záleží?

◇ 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

  • Č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

Tisk vs. web – hlavní rozdíly

Parametr

Tiskové materiály

Webové rozhraní

Velikost písma

9–12 pt

12–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 ostrost

tisková 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?

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

  • 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

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 podporuje čitelnost a jednotný vzhled značky.

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

Další krok

Potřebujete podobné řešení pro vlastní firmu?

Nezávazná poptávka

S čím vám můžeme pomoct?

Vyberte pár možností a pošlete nám kontakt. Ozveme se s konkrétním dalším krokem.

  1. 01Pomoc
  2. 02Oblast
  3. 03Podrobnosti
  4. 04Kontakt
S čím vám můžeme pomoct?

Studio SOMAR

Ochrana soukromí

Kontaktní údaje z formuláře používáme jen pro odpověď na vaši poptávku a navazující komunikaci. Tento přehled popisuje, co se při návštěvě webu a odeslání poptávky děje.

Správce údajů

Martin Šobr, Studio SOMAR, Seifertova 583/19, 794 01 Krnov. Pro otázky ke zpracování osobních údajů napište na studio@somar.cz nebo zavolejte na +420 777 172 995.

Jaké údaje zpracováváme

V poptávkovém formuláři jde o jméno, firmu, e-mail, telefon, text zprávy, dobrovolně přiložené soubory, technické údaje nezbytné pro ochranu formuláře a adresu stránky, ze které byla poptávka odeslána. Údaje ukládáme v zabezpečené evidenci poptávek.

Proč a jak dlouho údaje používáme

Údaje potřebujeme k vyřízení poptávky, přípravě nabídky a případné navazující spolupráci. Uchováváme je jen po dobu potřebnou pro tento účel a pro splnění souvisejících povinností; pokud se spolupráce neuskuteční, evidenci průběžně mažeme.

Kdo může mít k údajům přístup

Údaje zpřístupňujeme pouze lidem, kteří je potřebují pro vyřízení poptávky, a technickým dodavatelům zajišťujícím chod webu, formuláře a e-mailu. Bez dalšího důvodu je neprodáváme ani nepředáváme pro cizí marketing.

Cookies a analytika

Nezbytné úložiště drží funkční volbu cookies a rozepsanou poptávku. Analytické měření se nenačítá bez souhlasu návštěvníka; odmítnutí nemá vliv na základní používání webu.

Vaše práva

Můžete požádat o přístup k údajům, jejich opravu, výmaz, omezení zpracování nebo vznést námitku. U zpracování založeného na souhlasu lze souhlas kdykoli odvolat. Žádost pošlete na studio@somar.cz; máte také možnost obrátit se na Úřad pro ochranu osobních údajů.