Typografická hierarchie: jak dát sdělení správnou váhu

Když je všechno velké a výrazné, důležité informace zaniknou. Dobrá typografie pomáhá člověku rychle poznat hlavní sdělení, souvislosti i další krok. Na webu a v reklamě proto řešíme vztah textů k sobě, nejen výběr písma.

Nejdřív určete pořadí informací

Co má návštěvník pochopit během prvního pohledu? Co potřebuje k rozhodnutí a co je doplňující vysvětlení? Podle toho navrhneme velikosti, váhy a mezery. Nadpis s bezprostředním popisem patří k sobě; samostatné části naopak potřebují odstup.

Velikost písma nelze posuzovat bez šířky sloupce a délky textu. Nadpis, který na velkém monitoru funguje, může na telefonu vytvořit několik obtížně čitelných řádků. Proto navrhujeme hierarchii i pro menší zobrazení.

Čitelnost je součástí značky

Výrazná typografie může mít charakter a současně zůstat pohodlná ke čtení. Ověřujeme kontrast, řádkování, diakritiku i různé tloušťky písma. W3C pro běžný text na úrovni WCAG AA uvádí kontrast alespoň 4,5 : 1; pro velký text má pravidlo jiný práh. Konkrétní použití je potřeba hodnotit v jeho skutečné podobě.

• Přiměřený počet úrovní a řezů písma.
• Čitelné běžné odstavce a popisky.
• Rozumné délky řádků a návaznost mezer.
• Test dlouhých názvů, čísel a českých znaků.

Ověřujte hotový obsah

Ukázkové „Lorem ipsum“ neodhalí náročný název služby nebo dlouhé tlačítko. Design proto zkoušíme na skutečných textech a v souvislosti s ostatními prvky. Zvlášť sledujeme formuláře, ceny a důležité údaje, které mají zůstat pohromadě.

Výsledná pravidla přeneseme do webu, reklam i šablon pro váš tým. Značka tak získá rozpoznatelný způsob komunikace, který nezávisí na jedné povedené ukázce.

Co pro vás můžeme připravit: Grafika.