Wyobraź sobie, że ktoś bierze do ręki Twoją ulotkę na dwie sekundy. Nie czyta jej słowo po słowie - omiata wzrokiem i wyłapuje to, co najbardziej rzuca się w oczy. Jeśli w tym momencie zobaczy najważniejszą rzecz, zostaje z Tobą dłużej. Jeśli zobaczy chaos, odkłada projekt i idzie dalej. Cała sztuka polega na tym, żeby świadomie zdecydować, na co odbiorca spojrzy najpierw.
To właśnie robi hierarchia tekstu. Nie chodzi o to, by wszystko było duże i krzykliwe, tylko by jedne elementy były wyraźnie ważniejsze od innych. Dobra hierarchia prowadzi wzrok jak drogowskaz: najpierw tu, potem tam, na końcu szczegóły. Poniżej pokazujemy, jak ją zbudować krok po kroku, na przykładach, które przydadzą się przy ulotce, plakacie czy wizytówce.
- Hierarchia to świadoma kolejność czytania - decydujesz, co odbiorca zobaczy najpierw, a co na końcu.
- Buduje ją kilka narzędzi naraz: wielkość, grubość pisma, kontrast, kolor i odstępy.
- Zacznij od jednego zdania-bohatera, potem dodawaj poziomy: nagłówek, podtytuł, treść, szczegóły.
- Puste miejsce nie jest stratą - to ono wskazuje, co jest ważne, a co poboczne.
- Mniej poziomów działa lepiej niż wiele - trzy, najwyżej cztery, w zupełności wystarczą.
Czym właściwie jest hierarchia tekstu
Hierarchia to sposób, w jaki układ podpowiada oku, w jakiej kolejności czytać. Kiedy patrzysz na dobrze zaprojektowaną stronę, Twój wzrok nie błądzi - wie, gdzie zacząć i dokąd zmierzać. To nie przypadek, tylko efekt kilku decyzji projektanta: co zrobić dużym, co pogrubić, gdzie zostawić przestrzeń.
Bez hierarchii wszystkie informacje krzyczą jednakowo głośno, a to znaczy, że żadna nie jest słyszalna. Odbiorca musi sam się domyślić, co jest istotne, a na to zwykle nie ma cierpliwości. Z dobrą hierarchią decyzję podejmujesz za niego - i dlatego projekt wydaje się przejrzysty, nawet jeśli mieści sporo treści.
Narzędzia, którymi budujesz hierarchię
Nie ma jednego przełącznika, który tworzy hierarchię. Powstaje ona z kilku sygnałów działających razem. Im mocniej element wyróżnia się kilkoma z nich naraz, tym wyżej stoi w kolejności czytania.
- Wielkość - największy element przyciąga wzrok pierwszy. To najprostszy i najsilniejszy sygnał ważności.
- Grubość pisma - pogrubiony tekst wybija się z otoczenia nawet przy tej samej wielkości co reszta.
- Kontrast - ciemny napis na jasnym tle albo odwrotnie. Im większa różnica, tym mocniej element woła o uwagę.
- Kolor - jeden akcent barwy w morzu czerni prowadzi wzrok dokładnie tam, gdzie chcesz.
- Odstępy - element otoczony przestrzenią wydaje się ważniejszy, bo nic z nim nie konkuruje.
- Pozycja - góra i lewa strona są czytane najpierw, bo tak wodzimy wzrokiem po kartce.
Sekret w tym, by nie używać wszystkich naraz do każdego elementu. Wybierz dwa, trzy sygnały dla tego, co najważniejsze, i trzymaj resztę spokojniej. Jeśli wszystko jest wyróżnione, nic nie jest.
Zbuduj poziomy: od bohatera do szczegółu
Najprostszy sposób na dobrą hierarchię to ułożenie treści w kilka wyraźnych poziomów. Każdy poziom ma swoją rolę i swój ciężar wizualny. Zwykle wystarczą trzy do czterech.
Poziom pierwszy: jedno zdanie-bohater
Zanim cokolwiek zaprojektujesz, odpowiedz na pytanie: co odbiorca ma zapamiętać, jeśli zapamięta tylko jedną rzecz? To Twój bohater - hasło, nazwa oferty, najważniejsza korzyść. Ten element dostaje najwięcej: największą wielkość, najmocniejszy kontrast, najwięcej przestrzeni wokół. Reszta układu ma mu ustąpić.
Kolejne poziomy: kontekst i szczegóły
Pod bohaterem układasz to, co go uzupełnia. Podtytuł tłumaczy hasło jednym zdaniem. Treść główna niesie konkrety. Na samym dole lądują szczegóły: dane kontaktowe, drobny druk, adres. Każdy schodek w dół to mniejsza wielkość i spokojniejszy wygląd. Kiedy oko przechodzi z poziomu na poziom, dostaje coraz drobniejsze informacje - dokładnie tak, jak potrzebuje ich w tej kolejności.
Zmruż oczy i spójrz na swój projekt tak, by tekst się rozmył. Powinieneś nadal widzieć, który element jest największy i najciemniejszy. Jeśli po zmrużeniu wszystko wygląda jednakowo, hierarchia jest za słaba - wzmocnij bohatera i uspokój resztę.
Odstępy i grupowanie - cicha połowa sukcesu
O hierarchii myśli się głównie przez pryzmat wielkości liter, ale równie ważne jest to, czego nie ma - czyli puste miejsce. Przestrzeń wokół elementu mówi oku: to jest osobne i to jest ważne. Napis wciśnięty między inne ginie, ten sam napis z powietrzem dokoła nabiera wagi.
Pomaga też grupowanie. Rzeczy powiązane trzymaj blisko siebie, a różne oddzielaj wyraźną przerwą. Adres, telefon i mail to jedna grupa - niech stoją razem, oddzielone od hasła. Dzięki temu odbiorca od razu widzi, że to blok kontaktowy, a nie luźno rozrzucone dane. Jeśli chcesz zgłębić temat porządkowania treści, zajrzyj do wpisu o tym, jak dobrać układ - symetryczny czy asymetryczny - siatka i odstępy grają w tej samej drużynie.
Typowe błędy, które psują kolejność czytania
Nawet dobry pomysł łatwo zepsuć drobnymi potknięciami. Oto te, które pojawiają się najczęściej, i sposób, by ich uniknąć.
- Za dużo poziomów - kiedy każde zdanie ma inną wielkość, oko gubi rytm. Ogranicz się do trzech, czterech poziomów i trzymaj je konsekwentnie.
- Bohater bez przewagi - jeśli najważniejszy napis jest tylko odrobinę większy od reszty, nie wygrywa. Różnica musi być wyraźna, nie subtelna.
- Wszystko pogrubione - gdy pogrubisz połowę tekstu, pogrubienie przestaje cokolwiek znaczyć. Zostaw je dla tego, co naprawdę ważne.
- Brak oddechu - projekt wypełniony po brzegi nie ma jak pokazać, co jest istotne. Zostaw puste miejsce, nawet jeśli kusi, by dołożyć jeszcze jedną informację.
Jeśli budujesz sam nagłówek, warto zajrzeć też do wpisu o tym, jak projektować nagłówki, które natychmiast przyciągają wzrok - to one najczęściej pełnią rolę bohatera na ulotce czy plakacie.
Hierarchia w praktyce - od pomysłu do druku
Zbierzmy to w prostą kolejność działania. Kiedy siadasz do projektu, przejdź przez te kroki, a hierarchia ułoży się niemal sama.
- Wypisz treści i oceń ważność - zrób listę wszystkiego, co ma się znaleźć, i przypisz każdemu poziom: bohater, wsparcie, szczegół.
- Ustaw bohatera - daj mu największą wielkość, mocny kontrast i przestrzeń. To wokół niego zbudujesz resztę.
- Dodaj kolejne poziomy - schodząc w dół, zmniejszaj i uspokajaj. Sprawdź, czy każdy poziom wyraźnie różni się od poprzedniego.
- Pogrupuj i dodaj odstępy - powiązane rzeczy razem, różne osobno. Zostaw powietrze tam, gdzie coś ma się wybić.
- Sprawdź test zmrużonych oczu - spójrz na całość z dystansu i upewnij się, że kolejność czytania jest oczywista.
Kiedy projekt trafia na papier, dobra hierarchia zyskuje jeszcze bardziej - format i wykończenie potrafią wzmocnić bohatera. Warto o tym pomyśleć, projektując ulotki reklamowe czy plakaty, gdzie odbiorca decyduje w ułamku sekundy, czy zatrzymać wzrok. Wątpliwości co do pliku rozwieje instrukcja przygotowania plików do druku. Przy większych projektach po prostu napisz przez formularz kontaktowy. Bohatera potrafi wzmocnić samo podłoże: ulotki Prestige drukujemy na papierach ozdobnych, gdzie pracuje faktura i połysk arkusza, a nie kolejny stopień wielkości liter.
Hierarchia tekstu to nie ozdoba, tylko uprzejmość wobec odbiorcy. Mówi mu: nie musisz się domyślać, ja Ci pokażę, co przeczytać najpierw. Ustaw jednego bohatera, zbuduj wokół niego spokojne poziomy, zostaw oddech - a Twój projekt zacznie prowadzić wzrok tam, gdzie chcesz, zamiast go gubić.
