Salasāms dizains ikvienam: kontrasts, teksta izmērs un piekļūstamība
Labai salasāmībai teksta kontrastam pret fonu jābūt vismaz 4,5:1 (WCAG AA līmenis), bet lieliem uzrakstiem no 18 pt vai treknrakstā no 14 pt – vismaz 3:1. Senioriem un vājredzīgiem cilvēkiem tiecieties uz 7:1. Drukā skrejlapas vai ēdienkartes pamattekstu salieciet 10–12 pt (vecākai auditorijai 12–14 pt), sīkās piezīmes ne mazākas par 6–7 pt, bet uz baneriem rēķiniet aptuveni 1 cm lielo burtu augstuma uz katru metru attāluma, no kura uzraksts jāizlasa.
Dizains var būt skaists, taču, ja klients nevar izlasīt tālruņa numuru skrejlapā vai cenu ēdienkartē, reklāma nedarbojas. Salasāmība nav gaumes jautājums, bet gan dažu pārbaudāmu parametru kopums: kontrasts, burtu izmērs, burtveidols, krāsas un valoda. Šajā ceļvedī atradīsiet konkrētus sliekšņus, ko izmantojam, sagatavojot failus drukai, kā arī ieteikumus, kā padarīt dizainu ērtu arī vecākiem cilvēkiem, vājredzīgajiem un tiem, kam ir krāsu redzes traucējumi.
Kāds teksta un fona kontrasts ir pietiekams?
Labākais atskaites punkts ir WCAG vadlīnijas – starptautisks digitālā satura piekļūstamības standarts. Kontrastu izsaka kā divu krāsu gaišuma attiecību: no 1:1 (viena un tā pati krāsa) līdz 21:1 (melns uz balta). Lai gan WCAG radītas tīmekļa vietnēm, tie paši sliekšņi labi darbojas arī uz papīra, jo acs strādā tieši tāpat.
Par lielu tekstu WCAG uzskata uzrakstus no 18 pt vai treknrakstā no 14 pt. Tiem pietiek ar zemāku kontrastu, jo biezākus burtus ir vieglāk atšķirt no fona. Sīku tekstu, kontaktinformāciju un cenas vienmēr vērtējiet pēc stingrākā sliekšņa.
- Melns uz balta: 21:1, paraugsalasāmība.
- Melns uz dzeltena: aptuveni 19,6:1, tāpēc šī kombinācija tik labi darbojas norādēs.
- Pelēks #767676 uz balta: aptuveni 4,5:1, t. i., gaišākais pelēkais, kas iztur AA slieksni.
- Sarkans #FF0000 uz balta: aptuveni 4:1, sīkam tekstam par maz.
- Balts uz gaiši dzeltena: aptuveni 1,1:1, praktiski nesalasāms.
| Satura veids | AA līmenis (minimums) | AAA līmenis (ieteicams senioriem) |
|---|---|---|
| Parasts teksts (mazāks par 18 pt) | 4,5:1 | 7:1 |
| Liels teksts (no 18 pt vai treknrakstā no 14 pt) | 3:1 | 4,5:1 |
| Ikonas, piktogrammas, diagrammu līnijas | 3:1 | 3:1 |
Kā WCAG principus pārnest uz drukas darbiem?
Kontrasta kalkulatori rēķina ar RGB vai HEX vērtībām, bet tipogrāfija strādā CMYK. Tāpēc pārbaudiet kontrastu savu krāsu RGB ekvivalentam un atstājiet rezervi, jo rezultāts uz papīra ir atkarīgs no materiāla. Nekrītpapīrs un ekopapīrs uzsūc krāsu un nedaudz apdzēš toņus, tāpēc tumši foni iznāk gaišāki, bet gaišie toņi zaudē spilgtumu.
Sīku melnu tekstu iestatiet kā 100% K bez citu krāsu piejaukuma. Daudzkrāsu melnais mazos burtos pie mazākās reģistra nobīdes rada krāsainas apmales un izplūšanu. Inversu tekstu, t. i., baltu uz tumša fona, salieciet nedaudz lielākā un biezākā burtveidolā, jo fona krāsa viegli aizpludina plānās līnijas.
- Nelieciet tekstu tieši uz fotoattēla ar daudzām detaļām; pievienojiet puscaurspīdīgu laukumu vai izvēlieties mierīgu attēla daļu.
- Uz lakotas vai spīdīgas virsmas gaisma noteiktos leņķos atstarojas; ēdienkartēm un plāksnēm, ko lasa lampas gaismā, labāk der matēta laminācija.
- Inversam tekstam izvairieties no serifu burtveidoliem ar plānām līnijām un izmēriem zem 8 pt.
- Pelēks teksts drukā uz balta papīra nedrīkst būt gaišāks par aptuveni 60–70% melnā; precīzs slieksnis atkarīgs no burtveidola un materiāla.
Minimālais teksta izmērs drukā
Burtu izmēru norāda tipogrāfiskajos punktos: 1 pt ir aptuveni 0,353 mm, tātad 12 pt ir aptuveni 4,2 mm kegļa augstuma. Tomēr faktiskais burtu lielums atkarīgs no burtveidola, jo pie vienāda punktu skaita dažiem fontiem mazie burti ir ievērojami augstāki nekā citiem. Tāpēc norādītos diapazonus uztveriet kā sākumpunktu un vienmēr novērtējiet izmēģinājuma izdruku mērogā 1:1.
Pārtikas marķējumam papildus piemērojami ES tiesību akti: obligātās informācijas mazā burta x augstumam jābūt vismaz 1,2 mm, bet uz iepakojumiem, kuru lielākā virsma ir mazāka par 80 cm², – vismaz 0,9 mm.
| Produkts | Virsraksts / svarīgākā informācija | Pamatteksts | Absolūtais minimums |
|---|---|---|---|
| Vizītkarte 90×50 vai 85×55 mm | vārds un uzvārds 10–14 pt | kontaktinformācija 7–9 pt | 6 pt |
| Skrejlapa A6, A5, DL | 18–36 pt | 9–11 pt (senioriem 12 pt) | 7 pt |
| Ēdienkarte / cenrādis A4, A5 | ēdienu nosaukumi 12–16 pt | apraksti 10–12 pt, cenas vismaz 11 pt | 8 pt |
| Plakāts A3 | 60–120 pt | 14–20 pt | 12 pt |
| Plakāts A2, A1 | 100–250 pt | 20–36 pt | 16 pt |
| Diploms A4 | vārds 24–48 pt | 12–16 pt | 10 pt |
| Etiķete / birka | nosaukums 10–16 pt | 7–9 pt | 6 pt |
Cik lieliem jābūt burtiem uz banera, roll-up stenda un izkārtnes?
Lielformāta materiāliem izšķirošs ir attālums, no kura uzrakstu lasa. Āra reklāmā izmantotais praktiskais likums: aptuveni 1 cm lielo burtu augstuma uz katru ērtas lasīšanas attāluma metru. Ar biezu, vienkāršu burtveidolu un augstu kontrastu varat iztikt ar nedaudz mazākiem burtiem, bet plānam vai dekoratīvam fontam vajag vairāk.
Uz banera un roll-up stenda izvietojiet maz teksta: garāmgājējam ir tikai dažas sekundes. Pietiek ar saukli, vienu ieguvumu un kontaktiem, pārējo atstājiet skrejlapai.
| Nesējs | Tipiskais lasīšanas attālums | Lielo burtu augstums sauklī | Burtu augstums kontaktos |
|---|---|---|---|
| Roll-up stends 85×200 cm | 2–5 m | 6–12 cm | 2,5–4 cm |
| Izkārtne 100–120 cm platumā | 5–15 m | 8–15 cm | 3–6 cm |
| Banera uz žoga 300×100 cm | 10–20 m | 15–25 cm | 8–12 cm |
| Banera 500×100 cm pie ceļa | 20–30 m | 25–35 cm | 12–18 cm |
Dizains vecākiem un vājredzīgiem cilvēkiem
Ar gadiem acij vajag vairāk gaismas, tā sliktāk atšķir līdzīgus toņus, turklāt lēca kļūst dzeltenīgāka, tāpēc gaiši zili un gaiši pelēki uzraksti saplūst ar fonu. Šai auditorijai palieliniet pamattekstu līdz 12–14 pt un tiecieties uz kontrastu 7:1. Tas pats palīdz vājredzīgajiem un ikvienam, kas lasa vājā apgaismojumā.
Burtveidols ir tikpat svarīgs kā izmērs. Izvēlieties fontus ar atvērtām formām, skaidri atšķiramām rakstzīmēm (I, l, 1 un O, 0) un vidēju līniju biezumu.
- Informatīvā tekstā izvairieties no plāniem (light, thin), saspiestiem (condensed) un dekoratīviem rokraksta burtveidoliem.
- Rindstarpa 120–150% no burtu izmēra, t. i., 12 pt tekstam aptuveni 14,5–18 pt.
- Līdzinājums pa kreisi, nevis platumā, kas rada nevienmērīgas atstarpes starp vārdiem.
- Rindas garums aptuveni 45–75 rakstzīmes; garākas rindas nogurdina acis.
- Lielos burtus izmantojiet tikai īsos saukļos, nevis rindkopās.
- Tālruņa numuru sadaliet blokos, piemēram, 20 123 456, un atvēliet tam skaidri redzamu vietu.
Daltonisms: kā nepaļauties tikai uz krāsu
Krāsu redzes traucējumi galvenokārt skar vīriešus, un visbiežāk tiek jaukta sarkanā ar zaļo. Cilvēks ar šādiem traucējumiem krāsas redz, taču pāri sarkans–zaļš vai brūns–zaļš var izskatīties gandrīz vienādi. Tātad problēma nav pati krāsa, bet informācija, kas nodota tikai ar krāsu.
Vienkāršākais tests: pārveidojiet dizainu pelēktoņos. Ja virsraksts, cena vai apzīmējums joprojām izceļas, dizains ir drošs. Grafikas programmās ir arī daltonisma simulācijas priekšskatījums, piemēram, krāsu pārbaudes iestatījumos.
- Nelieciet sarkanu tekstu uz zaļa fona un otrādi.
- Apzīmējumus ēdienkartē (vegāns, ass, bez glutēna) papildiniet ar ikonu vai saīsinājumu, ne tikai ar krāsu.
- Akcijas cenu izceliet arī ar izmēru, treknrakstu vai rāmīti.
- Diagrammās un kartēs pievienojiet parakstus, rakstus vai dažādas marķieru formas.
- Drošas kombinācijas ir tumši zils ar dzeltenu un zils ar oranžu, ja tiem ir atšķirīgs gaišums.
Vienkārša valoda un dizaina pārbaude pirms drukas
Salasāmība ir arī valoda. Īsi teikumi, pazīstami vārdi un viens galvenais vēstījums uz katra materiāla nodrošina, ka tekstu saprot ikviens, arī tas, kurš lasa sev svešā valodā. Rakstiet darāmajā kārtā – „pasūtījumu izpilde tiek veikta” vietā rakstiet „mēs izpildām pasūtījumus”, bet skaitļus, laikus un cenas norādiet ar cipariem.
Pirms drukas izdrukājiet dizainu mērogā 1:1 parastā printerī un izlasiet to no attāluma, no kura to aplūkos. Ja pasūtāt dizainu plakaty.shop (wielkareklama.eu studio), uzraksti tiek pārbaudīti automātiski, taču tālruņu numurus, adreses un darba laikus vienmēr izlasiet paši.
- Viena doma vienā teikumā, vēlams līdz aptuveni 15 vārdiem.
- Nozares saīsinājumu vietā lietojiet pilnus, sarunvalodā ierastus vārdus.
- Svarīgākā informācija augšā, detaļas zemāk.
- Skaidrs aicinājums rīkoties: zvaniet, apmeklējiet, pasūtiet.
Pārbaudes saraksts
- Teksta un fona kontrasts vismaz 4,5:1, lieliem uzrakstiem vismaz 3:1
- Pamatteksts vismaz 10 pt, senioriem 12–14 pt
- Sīks melns teksts iestatīts kā 100% K
- Nav teksta uz raibas fotoattēla daļas
- Dizains salasāms pēc pārveidošanas pelēktoņos
- Ar krāsu apzīmētai informācijai ir arī ikona vai paraksts
- Burtu augstums uz banera pielāgots lasīšanas attālumam
- Īsi teikumi un viens galvenais vēstījums
- Visi uzraksti, tālruņi un adreses izlasīti personīgi
Biežāk uzdotie jautājumi
Kāds teksta kontrasts atbilst WCAG?
AA līmenis prasa kontrastu vismaz 4,5:1 parastam tekstam un 3:1 lielam tekstam, t. i., no 18 pt vai treknrakstā no 14 pt. AAA līmenis šīs vērtības paaugstina līdz 7:1 un 4,5:1. Drukā ieteicams atstāt rezervi, jo papīrs un krāsa var samazināt kontrastu.
Kāds ir minimālais burtu izmērs skrejlapā?
Skrejlapas pamattekstu salieciet 9–11 pt, bet, ja mērķauditorija ir vecāki cilvēki, – 12 pt. Sīkas piezīmes, piemēram, akcijas noteikumi, nedrīkst būt mazākas par 7 pt. Galīgo vērtējumu veiciet pēc izmēģinājuma izdrukas mērogā 1:1, jo dažādi burtveidoli vienā izmērā izskatās atšķirīgi.
Cik lieliem jābūt burtiem uz banera, lai tos redzētu no tālienes?
Rēķiniet aptuveni 1 cm lielo burtu augstuma uz katru metru attāluma, no kura uzraksts jāizlasa. Banerim, ko aplūko no 20 m, saukļa augstumam jābūt aptuveni 20 cm. Biezs, vienkāršs burtveidols un augsts kontrasts uzlabo salasāmību vairāk nekā tikai burtu palielināšana.
No kādām krāsām izvairīties daltonisma dēļ?
Visriskantākie ir pāri sarkans–zaļš, zaļš–brūns un zils–violets ar līdzīgu gaišumu. Galvenais, lai krāsas atšķirtos pēc gaišuma un informācija netiktu nodota tikai ar krāsu. Pārbaudiet dizainu pelēktoņos vai daltonisma simulatorā.
Kurš fonts ir vislabāk salasāms senioriem?
Vislabāk darbojas bezserifu vai serifu burtveidoli ar vidēju līniju biezumu, atvērtām burtu formām un skaidri atšķiramām rakstzīmēm, piemēram, I, l un 1. Izvairieties no plāniem, saspiestiem un dekoratīviem fontiem. Pamattekstu iestatiet 12–14 pt ar rindstarpu 120–150%.
