Smlsněte si na blogu – Čitelnost

Rozhodli jste se upéct podle mého receptu a i když jste všechny předchozí kroky dodržely, pořád to vypadá, tak nějak… splácaně?

Možná jen potřebujete provětrat prostor.

Série Smlsněte si na blogu

  1. Skenování – aby se lidé v textu neztratili
  2. Kontrast – moment překvapení
  3. Zarovnání – servírujte text přehledně
  4. Čitelnost – pořádně vyvětrejte
  5. Výzva k akci – to proč to děláte

Pořádně vyvětrejte

Vše potřebuje trochu dýchat. Věděli jste, že kvalitní a drahé věci mají vždy víc prostoru? Představte si obchody na Pařížské a srovnejte je s jedním z řetězců s oblečením z obchodního domu.

Dodá to vašim textům váhu a zároveň bude text opticky vypadat snazší k přečtení.

Co ovlivňuje čitelnost?

  • velikost písma,
  • řádkování,
  • mezery mezi odstavci,
  • tmavost písma vůči pozadí,
  • mezery před nadpisy,
  • vhodný výběr písma a jeho řezu,
  • šířka sloupce, ve kterém text je.

Jak na to?

Napíšu univerzální návod, modifikace bych nechala na zkušených (web) designérech, takže si to klidně někam uložte, nebo rovnou pošlete vašemu webaři:

  • Velikost písma odstavce minimálně 16 px.
  • Řádkování odstavce je 160% – 175% velikosti písma. Tedy u odstavce to bude třeba 28px.
  • Řádkování nadpisu je 100 – 120% velikosti písma.
  • Písmo dělejte tmavší vůči pozadí, než si myslíte, že je dost.
  • Před nadpisem mějte větší mezeru než za nadpisem (nadpis patří k textu, který je pod ním, ne před ním).
  • Písmo vybírejte jednoduché, čitelné (Roboto). Pokud chcete nějaké zdobné, používejte ho pro kratší ne tak důležité texty, nebo ho můžete využít jako překvapení z minulých lekcí.
  • Řez písma používejte regular, nebo medium/semibold. Zapomeňte na tloušťky light/thin.
  • Šířka sloupce pro souvislý text je ideální do 800 px.

Co udělá největší magii? Správné řádkování, velikost textu a šířka sloupce.

Pro koho ještě děláte text čitelný?

Všichni máme nějaké znevýhodnění. Někdo může mít dyslexii, jiný pořádné brýle a další vysvícený notebook, nebo mobil na sluníčku. Každý máme něco, co nám ztěžuje prohlížení webu ať stále, nebo dočasně. Myslete na to. Nebo jsou vaše články jen pro lidi, kteří žádnou bariéru nemají? To je velmi malé %.

A když už mluvím o tom mobilu. Jak vypadá váš článek v něm?

Další díl: 5. Výzva k akci – to proč to děláte

Celá série vznikla pro facebookovou skupinu copywriterky Evy VáňovéNaučte se psát copywritersky. Bylo mi ctí.

Bára Vlášková

Bára Vlášková

Web, marketing a mentoring

Můj blog je o mých zkušenostech o webech, designu a online marketignu. Právě jsem začala studovat Design informačních služeb na MUNI, tak se máte na co těšit. Někdy píšu tak, jak mi huba narostla, někdy píšu pro vás, abyste se dozvěděli, jak to s tím webem vlastně je.

O mně

Mohlo by vás zajímat

Zazálohování WordPress webu k sobě na disk za 5 minut

Záloha Přihlásíte se do administrace webu.Nainstalujete plugin (v menu Pluginy -> Instalace pluginů) All in one WP migration.Aktivujete tento plugin.Objeví se vám nová položka v levém menu s názvem All in one WP migration - zde kliknete...

První web si klidně naklikejte sami

Web designérka vám jde říkat, abyste dělali její práci? Vysvětlím a hned potom vám popíšu, jak si web vytvořit ve 4 dnech. Což znamená práci na 1-4 hodiny. Záleží, jak moc si budete chtít vyhrát. První web Začali jste podnikat. Zijšťujete, co vše musíte a nesmíte a do...

Fotky a ilustrace na web

Co takhle pár tipů na kvalitní fotky a pěkné ilustrace? Možnosti? Vlastní fotografie Placené fotobanky Free fotobanky Ilustrace 1. Vlastní fotografie Vždy, vždy, vždy budu doporučovat vlastní, profesionální fotky. Web si klidně postavte na té nejzákladnější...

Pin It on Pinterest