wielkareklama.eustudio
Strona główna › Poradniki › Zasady projektowania

Czytelny projekt dla każdego: kontrast, wielkość tekstu i dostępność

Zasady projektowania6 min czytania · Aktualizacja:

W skrócie

Dla dobrej czytelności kontrast tekstu do tła powinien wynosić co najmniej 4,5:1 (poziom AA w WCAG), a dla dużych napisów od 18 pt lub 14 pt pogrubionych co najmniej 3:1. Dla seniorów i osób słabowidzących celuj w 7:1. W druku tekst ciągły na ulotce czy w menu składaj w 10–12 pt (dla starszych odbiorców 12–14 pt), drobne dopiski nie mniejsze niż 6–7 pt, a na banerach przyjmij około 1 cm wysokości wielkich liter na każdy metr odległości, z której napis ma być czytany.

Projekt może być piękny, ale jeśli klient nie odczyta numeru telefonu z ulotki albo ceny z menu, reklama nie działa. Czytelność to nie kwestia gustu, tylko kilku sprawdzalnych parametrów: kontrastu, wielkości liter, kroju pisma, kolorów i języka. W tym poradniku znajdziesz konkretne progi, które stosujemy przy przygotowaniu plików do druku, oraz sposób, by projekt był wygodny także dla osób starszych, słabowidzących i z zaburzeniami widzenia barw.

Jaki kontrast tekstu do tła jest wystarczający?

Najlepszym punktem odniesienia są wytyczne WCAG, czyli międzynarodowy standard dostępności treści cyfrowych. Kontrast podaje się jako stosunek jasności dwóch kolorów: od 1:1 (ten sam kolor) do 21:1 (czarny na białym). Choć WCAG powstało dla stron internetowych, te same progi dobrze sprawdzają się na papierze, bo oko działa tak samo.

Za duży tekst WCAG uznaje napisy od 18 pt albo od 14 pt pogrubione. Dla nich wystarczy niższy kontrast, bo grubsze litery łatwiej oddzielić od tła. Drobny tekst, dane kontaktowe i ceny zawsze traktuj według ostrzejszego progu.

Rodzaj treściPoziom AA (minimum)Poziom AAA (zalecany dla seniorów)
Tekst zwykły (poniżej 18 pt)4,5:17:1
Tekst duży (od 18 pt lub 14 pt pogrubiony)3:14,5:1
Ikony, piktogramy, linie wykresów3:13:1

Jak przenieść zasady WCAG do druku?

Kalkulatory kontrastu liczą na wartościach RGB lub HEX, a drukarnia pracuje w CMYK. Sprawdź więc kontrast na odpowiedniku RGB swoich kolorów i dodaj zapas, bo wynik na papierze zależy od podłoża. Papier niepowlekany i ekologiczny wchłania farbę i lekko przygasza kolory, więc ciemne tła wychodzą jaśniej, a jasne odcienie tracą wyrazistość.

Drobny czarny tekst ustawiaj jako 100% K, bez domieszki innych farb. Czerń wielokolorowa w małych literach przy minimalnym przesunięciu pasowania daje kolorowe obwódki i rozmycie. Tekst odwrócony, czyli biały na ciemnym tle, składaj nieco większym i grubszym krojem, bo farba z tła lekko zalewa cienkie kreski.

Minimalna wielkość tekstu w druku

Wielkość pisma podaje się w punktach typograficznych: 1 pt to ok. 0,353 mm, więc 12 pt to ok. 4,2 mm wysokości kegla. Faktyczna wielkość liter zależy jednak od kroju, bo przy tej samej liczbie punktów jedne fonty mają wyraźnie wyższe małe litery niż inne. Dlatego podane zakresy traktuj jako punkt wyjścia i zawsze oceniaj wydruk próbny w skali 1:1.

Przy etykietach żywności obowiązuje dodatkowo prawo UE: obowiązkowe informacje muszą mieć wysokość małej litery x co najmniej 1,2 mm, a na opakowaniach o największej powierzchni poniżej 80 cm² co najmniej 0,9 mm.

ProduktNagłówek / najważniejsza informacjaTekst głównyAbsolutne minimum
Wizytówka 90×50 lub 85×55 mmimię i nazwisko 10–14 ptdane kontaktowe 7–9 pt6 pt
Ulotka A6, A5, DL18–36 pt9–11 pt (seniorzy 12 pt)7 pt
Menu / cennik A4, A5nazwy dań 12–16 ptopisy 10–12 pt, ceny min. 11 pt8 pt
Plakat A360–120 pt14–20 pt12 pt
Plakat A2, A1100–250 pt20–36 pt16 pt
Dyplom A4imię 24–48 pt12–16 pt10 pt
Metka / zawieszkanazwa 10–16 pt7–9 pt6 pt

Jak duże litery na banerze, roll-upie i szyldzie?

Przy formatach wielkich liczy się odległość, z której ktoś czyta napis. Praktyczna reguła stosowana w reklamie zewnętrznej to ok. 1 cm wysokości wielkich liter na każdy metr odległości wygodnego czytania. Przy grubym, prostym kroju i wysokim kontraście możesz zejść nieco niżej, przy cienkim lub ozdobnym foncie potrzebujesz więcej.

Na banerze i roll-upie zmieść mało tekstu: przechodzień ma kilka sekund. Hasło, jedna korzyść i kontakt wystarczą, reszta niech trafi na ulotkę.

NośnikTypowa odległość czytaniaWysokość wielkich liter w haśleWysokość liter w kontakcie
Roll-up 85×200 cm2–5 m6–12 cm2,5–4 cm
Szyld 100–120 cm szerokości5–15 m8–15 cm3–6 cm
Baner na płot 300×100 cm10–20 m15–25 cm8–12 cm
Baner 500×100 cm przy drodze20–30 m25–35 cm12–18 cm

Projekt dla osób starszych i słabowidzących

Z wiekiem oko potrzebuje więcej światła i gorzej rozróżnia podobne odcienie, a soczewka żółknie, przez co bladoniebieskie i jasnoszare napisy zlewają się z tłem. Dla tej grupy podnieś tekst główny do 12–14 pt i celuj w kontrast 7:1. To samo pomaga osobom słabowidzącym i każdemu, kto czyta w słabym oświetleniu.

Krój ma równie duże znaczenie jak wielkość. Wybieraj fonty o otwartych kształtach, wyraźnie różnych znakach (I, l, 1 oraz O, 0) i średniej grubości kreski.

Daltonizm: jak nie polegać tylko na kolorze

Zaburzenia widzenia barw dotyczą głównie mężczyzn, a najczęstsze jest mylenie czerwieni z zielenią. Osoba z takim zaburzeniem widzi kolory, ale pary czerwony–zielony czy brązowy–zielony mogą wyglądać niemal tak samo. Problemem jest więc nie sam kolor, lecz informacja przekazana wyłącznie kolorem.

Najprostszy test: przekonwertuj projekt do skali szarości. Jeśli nagłówek, cena czy oznaczenie wciąż się wyróżniają, projekt jest bezpieczny. Programy graficzne mają też podgląd symulujący daltonizm, np. w ustawieniach próby kolorów.

Proste słowa i jak sprawdzić projekt przed drukiem

Czytelność to także język. Krótkie zdania, znane słowa i jedna główna wiadomość na nośnik sprawiają, że tekst rozumie każdy, także osoba czytająca w obcym dla siebie języku. Pisz w stronie czynnej, zamiast „realizacja zamówień odbywa się” napisz „realizujemy zamówienia”, a liczby, godziny i ceny podawaj cyframi.

Przed drukiem wydrukuj projekt w skali 1:1 na zwykłej drukarce i przeczytaj go z odległości, z jakiej będzie oglądany. Jeśli zamawiasz projekt w plakaty.shop (wielkareklama.eu studio), napisy są sprawdzane automatycznie, ale numery telefonów, adresy i godziny otwarcia zawsze przeczytaj sam.

Lista kontrolna

  • Kontrast tekstu do tła min. 4,5:1, dla dużych napisów min. 3:1
  • Tekst główny min. 10 pt, dla seniorów 12–14 pt
  • Drobny czarny tekst ustawiony jako 100% K
  • Brak tekstu na ruchliwym fragmencie zdjęcia
  • Projekt czytelny po konwersji do skali szarości
  • Informacje oznaczone kolorem mają też ikonę lub podpis
  • Wysokość liter na banerze dopasowana do odległości czytania
  • Krótkie zdania i jedna główna wiadomość
  • Wszystkie napisy, telefony i adresy przeczytane osobiście

Najczęstsze pytania

Jaki kontrast tekstu jest zgodny z WCAG?

Poziom AA wymaga kontrastu co najmniej 4,5:1 dla zwykłego tekstu i 3:1 dla tekstu dużego, czyli od 18 pt lub 14 pt pogrubionego. Poziom AAA podnosi te wartości do 7:1 i 4,5:1. W druku warto dodać zapas, bo papier i farba mogą obniżyć kontrast.

Jaka jest minimalna czcionka na ulotce?

Tekst główny na ulotce składaj w 9–11 pt, a jeśli odbiorcami są osoby starsze, w 12 pt. Drobne dopiski, np. warunki promocji, nie powinny być mniejsze niż 7 pt. Ostateczną ocenę zrób na wydruku próbnym w skali 1:1, bo różne kroje przy tej samej wielkości wyglądają inaczej.

Jak duże litery na banerze, żeby było je widać z daleka?

Przyjmij ok. 1 cm wysokości wielkich liter na każdy metr odległości, z której napis ma być czytany. Dla banera oglądanego z 20 m hasło powinno mieć ok. 20 cm wysokości. Gruby, prosty krój i wysoki kontrast poprawiają czytelność bardziej niż samo powiększanie liter.

Jakich kolorów unikać ze względu na daltonizm?

Najbardziej ryzykowne są pary czerwony–zielony, zielony–brązowy oraz niebieski–fioletowy o podobnej jasności. Kluczowe jest, by kolory różniły się jasnością i by informacja nie była przekazana wyłącznie barwą. Sprawdź projekt w skali szarości lub w symulatorze daltonizmu.

Jaka czcionka jest najczytelniejsza dla seniorów?

Najlepiej sprawdzają się kroje bezszeryfowe lub szeryfowe o średniej grubości kreski, otwartych kształtach liter i wyraźnie różnych znakach, takich jak I, l i 1. Unikaj fontów cienkich, kondensowanych i ozdobnych. Tekst główny ustaw w 12–14 pt z interlinią 120–150%.

Czytaj też

Zasady projektowaniaJak zaprojektować ulotkę, która działa: 9 krokówZasady projektowaniaJak zaprojektować plakat reklamowy widoczny z dalekaZasady projektowaniaJak zaprojektować wizytówkę: co musi się na niej znaleźćBranżeReklama dla gastronomii: ulotki, plakaty, menu i grafiki — pomysły i przykłady

Wszystkie poradniki →