Podstawy typografii i parowania fontów

Przy wyborze typografii istnieje niepisana zasada, mówiąca że fonty powinny ze sobą współpracować i być ze sobą spójne.
Dobra typografia to ponad połowa sukcesu przy projektowaniu graficznym. W jaki więc sposób powinniśmy  zestawiać ze sobą fonty, a których z kolei powinniśmy się wystrzegać całkowicie? W tym wpisie znajdziecie odpowiedzi na te pytania jak i  na inne z zakresu typografii, a także listę stron i materiałów, które pomogą Wam w projektowaniu.

CZCIONKA A FONT

Na początek warto poruszyć pewną kwestię semantyczną, która dla niektórych może być oczywista, czcionka nie jest tym samym co font.

CZCIONKA ≠ FONT

W encyklopedii czytamy:

Czcionka – rodzaj nośnika pojedynczych znaków pisma drukarskiego, podstawowy materiał zecerski używany w technice druku wypukłego.

Font – zestaw czcionek o określonych cechach zapisany w postaci elektronicznej, w jednym pliku.

Na stronie słownika języka polskiego czytamy:

[..]
1. Czcionka – (dawniej) pojedynczy znak, służący do złożenia słowa. To element najczęściej metalowy, służący do druku (odbijania farby) na papierze.
2. Glif – cyfrowy odpowiednik czcionki.
3. Font – zbiór glifów, zapisanych w pliku komputerowym (*.otf, *.ttf, *.fon, etc.). Font, to odpowiednik dawnej kaszty, czyli szuflady z czcionkami.
4. Krój pisma – obraz kompletnego zestawu znaków pisma, zależności pomiędzy nimi, kształtu szeryfów, świateł, etc. […] Tak więc szyld na ścianie może mieć beznadziejny krój pisma, a nie żaden font!

Jednakże, w mowie potocznej niestety utarło się pojęcie czcionki jako równoznacznej z fontem i większość użytkowników internetu posiłkuje się tym właśnie pojęciem.

Dobieranie fontów i łączenie ich w pary

Parowanie fontów może być nie lada wyzwaniem dla początkującego grafika. W sieci dostępna jest masa fontów darmowych jak i tych płatnych, jak więc wybrać te odpowiednie dla nas?

1.Wybierz fonty uzupełniające się

Każdy font, tak jak i człowiek, posiada własny charakter – poważny, elegancki, okolicznościowy, czy figlarny. Musisz upewnić się, że charakter wybranego fontu będzie pasował do celu Twojego projektu. Przykładowo elegancki – skryptowy krój będzie idealny dla zaproszenia na wesele.

Zdjęcie znalezione na: Pinterest

Jak to bywa i u ludzi, przeciwieństwa lubią się przyciągać. Więc jeżeli używasz kroju „o silnej osobowości” sparuj go z nieco bardziej neutralnym fontem w celu uzyskania równowagi.

2. Ustal hierarchię wizualną

Najlepszym przykładem ustalenia hierarchii tekstu są tradycyjne gazety i magazyny. Gdy dobierasz fonty do swojego projektu, zastanów się na co chcesz zwrócić uwagę czytelnika, które informacje są kluczowe, a które z kolei mniej istotne. Następnie według tych wytycznych dobierz swój krój, rozmiar i rozmieszczenie tekstu.

Zdjęcie znalezione na: Pinterest

Z reguły nagłówki są większe od reszty tekstu, warto też zastosować w nich inny krój. Jeżeli jednak chcemy wyróżnić konkretne słowa w ciągłym tekście, musimy być konsekwentni. Stosujemy w tym celu pogrubienie lub kursywę, podkreślenie jednak nie jest najlepszym wyjściem, a już w żadnym wypadku nie należy mieszać różnych wyróżników w jednym tekście.

3. Rozważ kontekst

Miejsce docelowe Twojego projektu powinno być kluczem do dobrania odpowiedniego fontu. Tekst powinien być czytelny na wydruku, co jest szczególnie istotne przy niewielkich formatach. Ponadto charakter fontu powinien pasować do przesłania i stylistyki reszty projektu. Przykładowo tworząc grafikę o kontekście historycznym, krój fontu powinien pasować do epoki.

Zdjęcie znalezione na: Pinterest

4. Łącz fonty szeryfowe z bezszeryfowymi

Połączenie fontu szeryfowego z bezszeryfowym z reguły wygląda dobrze, w szczególności gdy skontrastujemy ich rozmiar.

Zdjęcie znalezione na: Pinterest

5. Stwórz kontrast

Jednym z powodów dla których fonty szeryfowe i bezszeryfowe tak dobrze się komponują jest ich kontrast. Kontrast można uzyskać również na wiele innych sposobów: styl, rozmiar, pogrubienie, kolor itp.

Zdjęcie znalezione na: Pinterest

6. Unikaj zestawienia podobnych fontów

Zestawienie podobnych fontów zakłóca hierarchię i wygląda nieprofesjonalnie, lepiej tego unikać.

7. Użyj różnych wariantów tego samego kroju

Używanie różnych wariacji tego samego kroju jest zawsze bezpiecznym i oszczędnym w czasie wyjściem.

Zdjęcie znalezione na: Pinterest

8. Ogranicz ilość fontów

W swoim projekcie używaj dwóch, maksymalnie trzech fontów. Pamiętaj – im mniej, tym lepiej.

9. Nie używaj tych krojów

Istnieją takie kroje, których używać po prostu nie wypada. Są to fonty przestarzałe i opatrzone, jak na przykład Monotype Corsiva, czy po prostu źle zaprojektowane, jak owiany złą sławą Comic Sans. Należy wystrzegać się również fontów takich jak: Papyrus, Kuba Ręczny, Brush Script, Scriptina, Algerian, Curlz MT, czy Vivaldi.

Zdjęcie znalezione na: Pinterest

Jak uniknąć konfliktu przy łączeniu fontów?

  • Zwróć uwagę na charakter kroju
  • Zachowaj hierarchię
  • Wykorzystaj kolor

Strony pomocne w doborze fontów

Strony z fontami do pobrania

Warto wiedzieć – czyli słownik pojęć powiązanych z typografią

  • krój pisma charakterystyczny obraz kompletu znaków pisma o jednolitych podstawowych cechach graficznych: stylu, rytmie, proporcji, dukcie, układzie lub kształcie szeryfów, właściwościach optycznych
  • czcionka – rodzaj nośnika pojedynczych znaków pisma drukarskiego, podstawowy materiał zecerski używany w technice druku wypukłego
  • font – zestaw czcionek o określonych cechach zapisany w postaci elektronicznej, w jednym pliku
  • cyfry nautyczne – znaki cyfr arabskich występujące w niektórych krojach pisma, zaprojektowane w ten sposób, aby nie odróżniały się wizualnie od minuskuł. Efekt ten osiąga się poprzez naruszenie jednolitej linii cyfr tego typu, a konkretnie poprzez nadanie niektórym z nich wydłużeń dolnych, a innym wydłużeń górnych.
  • cyfry zwykłe – mają jednakową wysokość najczęściej zbliżoną do wysokości wersalików danego kroju, czasami mniejszą
  • dukt – charakterystyczny dla danego kroju pisma kształt i układ kresek tworzących litery, wynikający ze sposobu kreślenia według ustalonych zasad graficznych i geometrycznych
  • firet – pomocnicza jednostka miary stosowana w typografii, której wartość 1 odpowiada aktualnie używanemu stopniowi pisma. Wyrażana jest jako kwadrat o boku równym danemu stopniowi pisma
  • kolumna- skład uformowany na określony format, wraz z ewentualnymi tabelami i ilustracjami, odpowiadający stronie danego druku
  • linie pisma – teoretyczne linie proste, poziome i równoległe do siebie, wyznaczające granice rysunku liter oraz pozostałych znaków w czcionkach i fontach
  • łam – pionowy blok zarezerwowany dla tekstu, leżący na kolumnie, mający określoną szerokość i długość, czym się różni od szpalty mającej tylko szerokość, a długość dowolną 
  • majuskuła –  litery wersalikowe, przedstawiają obrazy wielkich liter alfabetu
  • mediuskuła litery kapitalikowe, litery o kształcie werslików i wielkości liter tekstowych  danego kroju i stopnia pisma
  • minuskuła – każda z małych liter alfabetu. Przeciwieństwo majuskuły.
  • stopień pisma – jeden z trzech podstawowych parametrów każdej czcionki i fontu; pozostałe dwa parametry to krój i odmiana. Dany stopień to wysokość między górną i dolną linią pisma, a według innej definicji – pomiędzy dolną linią takich liter jak: g, q, p i górną linią wielkich liter akcentowanych (Ć, Ń, Ś). Jest wyrażana w punktach typograficznych.
  • szpalta – termin oznaczający pierwszy, surowy skład tekstu, o docelowej szerokości wierszy, a długości (liczby wierszy) wynikającej z objętości tekstu, złożony z czcionek lub wierszy linotypowych. Szpalta zawiera większość docelowych atrybutów tekstu, takich jak: krój pisma w odpowiedniej odmianie i stopniu, interlinię, wcięcia akapitowe itp.

*Słownik opracowany przy pomocy wikipedii