wielkareklama.eustudio
Domov › Návody › Zásady dizajnu

Čitateľný dizajn pre každého: kontrast, veľkosť textu a prístupnosť

Zásady dizajnu7 min čítania · Aktualizované:

V skratke

Pre dobrú čitateľnosť by mal byť kontrast textu voči pozadiu aspoň 4,5:1 (úroveň AA podľa WCAG), pri veľkých nápisoch od 18 pt alebo od 14 pt tučným rezom aspoň 3:1. Pre seniorov a slabozrakých sa snažte dosiahnuť 7:1. V tlači sádžte súvislý text na letáku či v menu v 10 – 12 pt (pre starších čitateľov 12 – 14 pt), drobné poznámky nie menšie ako 6 – 7 pt a na banneroch počítajte približne s 1 cm výšky veľkých písmen na každý meter vzdialenosti, z ktorej sa má nápis čítať.

Dizajn môže byť krásny, ale ak si zákazník neprečíta telefónne číslo z letáka alebo cenu z menu, reklama nefunguje. Čitateľnosť nie je otázka vkusu, ale niekoľkých overiteľných parametrov: kontrastu, veľkosti písmen, typu písma, farieb a jazyka. V tejto príručke nájdete konkrétne hodnoty, ktoré používame pri príprave tlačových podkladov, a tiež postup, ako urobiť návrh pohodlným aj pre starších ľudí, slabozrakých a ľudí s poruchami farebného videnia.

Aký kontrast textu voči pozadiu je dostatočný?

Najlepším východiskom sú smernice WCAG, teda medzinárodný štandard prístupnosti digitálneho obsahu. Kontrast sa udáva ako pomer jasu dvoch farieb: od 1:1 (rovnaká farba) po 21:1 (čierna na bielej). Hoci WCAG vznikli pre webové stránky, rovnaké prahy sa výborne osvedčujú aj na papieri, pretože oko funguje rovnako.

Za veľký text považujú WCAG nápisy od 18 pt alebo od 14 pt tučným rezom. Pri nich stačí nižší kontrast, lebo hrubšie písmená sa od pozadia oddeľujú ľahšie. Drobný text, kontaktné údaje a ceny vždy posudzujte podľa prísnejšieho prahu.

Druh obsahuÚroveň AA (minimum)Úroveň AAA (odporúčaná pre seniorov)
Bežný text (pod 18 pt)4,5:17:1
Veľký text (od 18 pt alebo 14 pt tučným rezom)3:14,5:1
Ikony, piktogramy, čiary grafov3:13:1

Ako preniesť zásady WCAG do tlače?

Kalkulačky kontrastu počítajú s hodnotami RGB alebo HEX, kým tlačiareň pracuje v CMYK. Kontrast si preto overte na RGB ekvivalente svojich farieb a pridajte rezervu, pretože výsledok na papieri závisí od materiálu. Nenatieraný a ekologický papier farbu vpíja a mierne ju stlmí, takže tmavé pozadia vyjdú svetlejšie a svetlé odtiene strácajú výraznosť.

Drobný čierny text nastavte ako 100 % K, bez prímesi ďalších farieb. Viacfarebná čierna v malých písmenách pri najmenšom posune sútlače vytvára farebné okraje a rozmazanie. Inverzný text, teda biely na tmavom pozadí, sádžte o niečo väčším a hrubším písmom, pretože farba z pozadia mierne zalieva tenké ťahy.

Minimálna veľkosť textu v tlači

Veľkosť písma sa udáva v typografických bodoch: 1 pt je približne 0,353 mm, takže 12 pt zodpovedá asi 4,2 mm výšky kuželky. Skutočná veľkosť písmen však závisí od konkrétneho písma, lebo pri rovnakom počte bodov majú niektoré fonty výrazne vyššie malé písmená než iné. Uvedené rozsahy preto berte ako východisko a vždy posúďte skúšobný výtlačok v mierke 1:1.

Pri etiketách potravín navyše platí právo EÚ: povinné informácie musia mať výšku malého písmena x najmenej 1,2 mm a na obaloch, ktorých najväčšia plocha je menšia ako 80 cm², najmenej 0,9 mm.

ProduktNadpis / najdôležitejšia informáciaHlavný textAbsolútne minimum
Vizitka 90×50 alebo 85×55 mmmeno a priezvisko 10 – 14 ptkontaktné údaje 7 – 9 pt6 pt
Leták A6, A5, DL18 – 36 pt9 – 11 pt (seniori 12 pt)7 pt
Menu / cenník A4, A5názvy jedál 12 – 16 ptpopisy 10 – 12 pt, ceny min. 11 pt8 pt
Plagát A360 – 120 pt14 – 20 pt12 pt
Plagát A2, A1100 – 250 pt20 – 36 pt16 pt
Diplom A4meno 24 – 48 pt12 – 16 pt10 pt
Visačka / etiketanázov 10 – 16 pt7 – 9 pt6 pt

Aké veľké písmená na banneri, roll-upe a firemnej tabuli?

Pri veľkých formátoch rozhoduje vzdialenosť, z ktorej niekto nápis číta. Praktické pravidlo vonkajšej reklamy hovorí o približne 1 cm výšky veľkých písmen na každý meter vzdialenosti pohodlného čítania. Pri hrubom, jednoduchom písme a vysokom kontraste môžete ísť trochu nižšie, pri tenkom alebo ozdobnom fonte potrebujete viac.

Na banner a roll-up dajte málo textu: okoloidúci má len niekoľko sekúnd. Stačí slogan, jeden prínos a kontakt, zvyšok patrí na leták.

NosičBežná vzdialenosť čítaniaVýška veľkých písmen v sloganeVýška písmen v kontakte
Roll-up 85×200 cm2 – 5 m6 – 12 cm2,5 – 4 cm
Firemná tabuľa šírky 100 – 120 cm5 – 15 m8 – 15 cm3 – 6 cm
Banner na plot 300×100 cm10 – 20 m15 – 25 cm8 – 12 cm
Banner 500×100 cm pri ceste20 – 30 m25 – 35 cm12 – 18 cm

Dizajn pre starších a slabozrakých ľudí

S vekom potrebuje oko viac svetla a horšie rozlišuje podobné odtiene, šošovka navyše žltne, takže bledomodré a svetlosivé nápisy splývajú s pozadím. Pre túto skupinu zväčšite hlavný text na 12 – 14 pt a snažte sa o kontrast 7:1. To isté pomáha aj slabozrakým a každému, kto číta pri slabom osvetlení.

Typ písma je rovnako dôležitý ako jeho veľkosť. Vyberajte fonty s otvorenými tvarmi, zreteľne odlíšenými znakmi (I, l, 1 a O, 0) a strednou hrúbkou ťahu.

Daltonizmus: ako sa nespoliehať iba na farbu

Poruchy farebného videnia sa týkajú najmä mužov a najčastejšie ide o zamieňanie červenej so zelenou. Človek s takouto poruchou farby vidí, no dvojice červená – zelená či hnedá – zelená môžu vyzerať takmer rovnako. Problémom teda nie je samotná farba, ale informácia odovzdaná výlučne farbou.

Najjednoduchší test: preveďte návrh do odtieňov sivej. Ak nadpis, cena či označenie stále vynikajú, návrh je bezpečný. Grafické programy ponúkajú aj náhľad simulujúci daltonizmus, napríklad v nastaveniach kontrolného náhľadu farieb.

Jednoduché slová a kontrola návrhu pred tlačou

Čitateľnosť je aj otázkou jazyka. Krátke vety, známe slová a jedna hlavná správa na nosič zabezpečia, že text pochopí každý, aj človek, ktorý číta v inom než materinskom jazyku. Píšte v činnom rode – namiesto „realizácia objednávok prebieha“ napíšte „objednávky vybavujeme“ – a čísla, hodiny a ceny uvádzajte číslicami.

Pred tlačou si návrh vytlačte v mierke 1:1 na bežnej tlačiarni a prečítajte ho zo vzdialenosti, z akej sa bude pozerať. Ak si návrh objednáte na plakaty.shop (wielkareklama.eu studio), nápisy sa kontrolujú automaticky, ale telefónne čísla, adresy a otváracie hodiny si vždy prečítajte sami.

Kontrolný zoznam

  • Kontrast textu voči pozadiu min. 4,5:1, pri veľkých nápisoch min. 3:1
  • Hlavný text min. 10 pt, pre seniorov 12 – 14 pt
  • Drobný čierny text nastavený ako 100 % K
  • Žiadny text na rušnej časti fotografie
  • Návrh je čitateľný aj po prevode do odtieňov sivej
  • Informácie označené farbou majú aj ikonu alebo popis
  • Výška písmen na banneri zodpovedá vzdialenosti čítania
  • Krátke vety a jedna hlavná správa
  • Všetky nápisy, telefónne čísla a adresy osobne skontrolované

Časté otázky

Aký kontrast textu je v súlade s WCAG?

Úroveň AA vyžaduje kontrast aspoň 4,5:1 pri bežnom texte a 3:1 pri veľkom texte, teda od 18 pt alebo od 14 pt tučným rezom. Úroveň AAA zvyšuje tieto hodnoty na 7:1 a 4,5:1. V tlači sa oplatí pridať rezervu, pretože papier a farba môžu kontrast znížiť.

Aké je minimálne písmo na letáku?

Hlavný text na letáku sádžte v 9 – 11 pt, a ak sú cieľovou skupinou starší ľudia, v 12 pt. Drobné poznámky, napríklad podmienky akcie, by nemali byť menšie ako 7 pt. Konečné posúdenie urobte na skúšobnom výtlačku v mierke 1:1, pretože rôzne písma pri rovnakej veľkosti vyzerajú odlišne.

Aké veľké písmená dať na banner, aby boli viditeľné zďaleka?

Počítajte s približne 1 cm výšky veľkých písmen na každý meter vzdialenosti, z ktorej sa má nápis čítať. Pri banneri, na ktorý sa ľudia pozerajú z 20 m, by mal mať slogan asi 20 cm na výšku. Hrubé, jednoduché písmo a vysoký kontrast zlepšia čitateľnosť viac než samotné zväčšovanie písmen.

Ktorým farbám sa vyhnúť kvôli daltonizmu?

Najrizikovejšie sú dvojice červená – zelená, zelená – hnedá a modrá – fialová s podobným jasom. Kľúčové je, aby sa farby líšili jasom a aby informácia nebola odovzdaná iba farbou. Návrh si overte v odtieňoch sivej alebo v simulátore daltonizmu.

Aké písmo je pre seniorov najčitateľnejšie?

Najlepšie sa osvedčujú bezpätkové alebo pätkové písma so strednou hrúbkou ťahu, otvorenými tvarmi písmen a zreteľne odlíšenými znakmi, ako sú I, l a 1. Vyhnite sa tenkým, zúženým a ozdobným fontom. Hlavný text nastavte na 12 – 14 pt s riadkovaním 120 – 150 %.

Prečítajte si aj

Zásady dizajnuAko navrhnúť leták, ktorý funguje: 9 krokovZásady dizajnuAko navrhnúť reklamný plagát viditeľný zďalekaZásady dizajnuAko navrhnúť vizitku: čo na nej musí byťOdvetviaReklama pre gastronómiu: letáky, plagáty, menu a grafika — nápady a príklady

Všetky návody →