Typografia w projektowaniu: jak dobór fontów buduje markę

Typografia to najbardziej niedoceniany element marki. Klient rzadko zauważa font świadomie, ale zawsze odczuwa jego skutek: czy tekst czyta się lekko, czy firma wygląda poważnie, czy tanio. Dobór krojów robi dla wizerunku więcej niż większość efektów graficznych — i jest jedną z niewielu rzeczy, które widać dosłownie w każdym materiale.

Font mówi, zanim przeczytasz słowo

Ten sam tekst złożony szeryfową antykwą i geometrycznym groteskiem komunikuje coś zupełnie innego. Pierwszy brzmi tradycyjnie, poważnie, z historią. Drugi — nowocześnie, technicznie, chłodno. Jeszcze zanim czytelnik zrozumie treść, już wie, z jaką firmą ma do czynienia.

Dlatego typografia to nie jest wybór estetyczny, tylko strategiczny. Kancelaria prawna, manufaktura rzemieślnicza i startup technologiczny potrzebują innych krojów, nawet jeśli wszystkie chcą wyglądać profesjonalnie.

Ile krojów potrzebuje marka

Zwykle dwa: jeden do nagłówków, drugi do tekstu ciągłego. Czasem wystarcza jeden, jeśli ma dostatecznie bogatą rodzinę odmian. Trzy to już zwykle o jeden za dużo. Marki, które używają pięciu fontów, nie mają typografii — mają bałagan.

Siła nie bierze się z liczby krojów, tylko z konsekwentnego używania odmian: grubości, kursywy, wielkości. Jeden dobrze dobrany krój z sześcioma odmianami daje więcej możliwości niż sześć przypadkowych fontów.

Czytelność przede wszystkim

Najpiękniejszy krój jest bezwartościowy, jeśli nie da się go czytać w tekście ciągłym albo w małym rozmiarze. Font do nagłówków może być wyrazisty i nietypowy. Font do treści musi być przede wszystkim wygodny dla oka, bo to w nim czytelnik spędza najwięcej czasu.

Warto sprawdzić krój tam, gdzie będzie realnie używany: w druku, na ekranie telefonu, w małym rozmiarze i w słabym świetle. Krój, który świetnie wygląda w prezentacji projektanta, potrafi zawieść w warunkach codziennych.

Hierarchia, czyli co czytelnik zobaczy najpierw

Dobra typografia prowadzi wzrok. Tytuł, podtytuł, tekst, podpis — każdy z nich ma swoją wielkość, grubość i odstęp. Czytelnik powinien od razu wiedzieć, co jest ważne, nie zastanawiając się nad tym ani sekundy.

Najczęstszy błąd to brak kontrastu: wszystko podobnej wielkości, wszystko trochę pogrubione, wszystko równie ważne. Efekt jest taki, że nic nie przyciąga wzroku i czytelnik nie wie, od czego zacząć.

Licencje: rzecz, o której się zapomina

Fonty mają licencje i nie każdy krój wolno używać komercyjnie. Osobna licencja bywa potrzebna na druk, osobna na stronę internetową, osobna na aplikację. Używanie kroju bez licencji to realne ryzyko prawne, a nie teoretyczny problem.

Dlatego przy projekcie zawsze podaję, jakich krojów użyłam i na jakiej licencji. Tam, gdzie to możliwe, dobieram kroje o wygodnej licencji, żeby firma mogła używać ich swobodnie bez dodatkowych kosztów.

Typografia w druku i na ekranie

Nie każdy krój dobry na plakacie sprawdzi się na stronie. Fonty webowe muszą być czytelne w małych rozmiarach, mieć licencję do użytku w sieci i być lekkie, żeby nie spowalniać ładowania. Kilka krojów w kilku odmianach potrafi realnie opóźnić wyświetlenie tekstu — o czym piszę w tekście szybkość strony a sprzedaż.

Dlatego typografię marki dobieram od razu z myślą o obu światach. Inaczej po wdrożeniu strony okazuje się, że firmowego kroju nie da się użyć — i witryna zaczyna mówić innym głosem niż reszta materiałów.

Kiedy warto zaprojektować własny krój

Rzadko i tylko wtedy, gdy marka jest duża, a rozpoznawalność typograficzna ma realną wartość. Dla większości firm to koszt nieproporcjonalny do korzyści. Znacznie częściej wystarczy dobrze dobrany krój z rynku i konsekwencja w jego używaniu.

Sensowny kompromis to indywidualizacja samego logotypu: dopracowanie liter w nazwie, tak żeby znak był unikalny, przy zachowaniu standardowego kroju dla całej reszty komunikacji.

Jak dobieram typografię

Zaczynam od charakteru marki i od tego, gdzie realnie żyje: czy to głównie druk, czy ekran, czy długie teksty, czy krótkie hasła. Potem dobieram parę krojów i sprawdzam je w skrajnych warunkach: w miniaturze, w druku, na telefonie. Typografia trafia do dokumentacji razem z zasadami użycia — więcej w tekście księga znaku. Zobacz też portfolio.

Odstępy robią połowę roboty

Ten sam krój w tym samym rozmiarze może wyglądać tanio albo drogo — zależnie od odstępów. Interlinia zbyt ciasna sprawia, że tekst dusi się i męczy oko. Zbyt luźna rozbija akapit na osobne linie. Światło między literami w nagłówku potrafi całkowicie zmienić charakter napisu.

To jest ta część typografii, której nikt nie zauważa świadomie, a która najmocniej odróżnia projekt profesjonalny od amatorskiego. Dobrze ustawione odstępy są niewidoczne. Źle ustawione widać natychmiast, choć trudno powiedzieć dlaczego.

Wielkie litery, kursywa i podkreślenia

Tekst złożony wersalikami czyta się wolniej, bo znika charakterystyczny kształt wyrazu. Dlatego wielkie litery świetnie sprawdzają się w krótkich hasłach i nagłówkach, a fatalnie w dłuższych akapitach. Kursywy używa się do wyróżnienia, a nie do całych bloków tekstu.

Podkreślenie w internecie oznacza link i nic innego. Podkreślanie zwykłego tekstu dla podkreślenia wagi to nawyk z maszyny do pisania, który dziś tylko myli czytelnika.

Typografia w logo

W znaku typografia niemal zawsze wymaga indywidualnego dopracowania. Gotowy font wstawiony bez korekty wygląda jak napis, a nie jak logotyp. Dopracowanie odstępów między literami, drobne modyfikacje kształtów i dopasowanie proporcji sprawiają, że znak zaczyna wyglądać na zaprojektowany.

To także kwestia praw: znak oparty na czcionce bez odpowiedniej licencji bywa problematyczny przy rejestracji. Indywidualizacja liter rozwiązuje ten problem przy okazji.

Jak sprawdzić, czy typografia działa

Wydrukuj stronę tekstu i przeczytaj ją w całości. Jeśli po dwóch akapitach oczy się męczą, coś jest nie tak z krojem, wielkością albo interlinią. Potem zmniejsz nagłówek do rozmiaru miniatury i sprawdź, czy nadal jest czytelny.

Pokaż też materiał komuś, kto go nie zna, i zapytaj, co zauważył najpierw. Jeśli wskaże to, co miało być najważniejsze, hierarchia działa. Jeśli wskaże coś innego, typografia mówi co innego, niż zamierzałaś lub zamierzałeś — i to jest informacja warta więcej niż każda teoria.