Wskazówki i uwagi dotyczące wyboru kroju pisma (z infografiką)

Opublikowany: 2022-03-11

Wybór kroju pisma do dowolnego projektu może być stresujący. Niektórzy projektanci domyślnie używają tych samych garści czcionek, z którymi czują się komfortowo w każdym projekcie. Inni spędzają godziny, próbując znaleźć odpowiedni krój pisma do pracy, nigdy nie czując się pewni swojego ostatecznego wyboru. Nic dziwnego, biorąc pod uwagę, że istnieje ponad pół miliona czcionek.

Właściwy krój pisma może stworzyć projekt, a zły może go zepsuć. Eksperymentowanie i praktyka są ważne dla opanowania doboru krojów pisma. Ale jest kilka rzeczy, o których projektanci mogą pamiętać, aby ułatwić wybór kroju pisma i uczynić go bardziej skoncentrowanym.

Zakres

Zakres projektu lub projektów, w których dana czcionka zostanie użyta, jest jedną z pierwszych rzeczy, które projektanci powinni wziąć pod uwagę przy wyborze kroju pisma. Czcionka, która będzie używana tylko w ograniczonym zakresie, taka jak slajd, będzie musiała być mniej elastyczna niż czcionka, która będzie używana w całej wizualnej obecności marki.

Projektanci powinni zastanowić się, czy krój pisma będzie używany tylko w projektach cyfrowych, czy też w druku. Powinni również zastanowić się, czy czcionki będą używane przez ograniczony czas, czy w nieskończoność. Pomocne może być sporządzenie listy wszystkich potencjalnych projektów, do których będzie używany krój pisma na początku wyboru nowego fontu.

Rozważ wszystkie aplikacje przy wyborze kroju pisma
plan. używa jednego kroju pisma we wszystkich materiałach brandingowych, w tym logo. (Projekt Alana Grynberga)

Nastrój

Każdy projekt ma nastrój. Niezależnie od tego, czy ten nastrój jest formalny czy nieformalny, zabawny czy poważny, nowoczesny czy klasyczny, czy może coś zupełnie innego. I jak każdy projekt, każdy krój pisma ma nastrój.

Dla projektantów ważne jest, aby wziąć pod uwagę nastrój projektu i to, w jaki sposób kroje pisma, które rozważają, wzmacniają lub kolidują z tym nastrojem. Na przykład użycie Comic Sans na stronie internetowej firmy prawniczej mogłoby kolidować. Coś takiego jak Crimson Text lub Helvetica działałoby znacznie lepiej.

Tablice nastroju to dobry sposób na ocenę wyborów krojów pisma
Tablice nastroju to świetny sposób na ocenę, jak wybrane kroje pisma pasują do ogólnego nastroju projektu. (Projekt Olivii Maya)

Funkcjonalność

Nie każdy krój pisma wygląda dobrze przy każdej wadze i rozmiarze. Czcionki, które wyglądają niesamowicie w większych rozmiarach, mogą stać się nieczytelne w mniejszych. Kroje pisma, które świetnie wyglądają w małych rozmiarach w tekście podstawowym, mogą czasami wyglądać zbyt zwyczajnie lub nawet nudno, gdy są używane w rozmiarach wyświetlacza.

Niektóre kroje pisma mogą jednak dobrze wyglądać w praktycznie każdym rozmiarze. Projektanci powinni przetestować czcionki, które rozważają, w każdym rozmiarze, w którym mogą używać tych czcionek, aby upewnić się, że są czytelne i nie wpływają negatywnie na UX.

Jak wybrać odpowiedni krój pisma: Zastanów się nad czytelnością we wszystkich koniecznych rozmiarach
Roboto to jeden z wielu krojów pisma, które można efektywnie stosować zarówno w dużych, jak i małych rozmiarach.

Wszechstronność

Czcionki, które są idealne do użytku w Internecie, mogą nie być dobrze tłumaczone w druku i na odwrót. Czcionki takie jak Georgia, które zostały zaprojektowane specjalnie z myślą o czytelności na ekranach o niskiej rozdzielczości, nie nadają się tak dobrze do drukowania, jak może być czcionka taka jak Book Antiqua.

Jeśli czcionka będzie używana tylko w jednym projekcie, łatwo jest określić, czy najważniejsza jest funkcjonalność drukowania, czy ekranu. Ale w przypadku czcionek, które mogą być używane w wielu projektach, projektanci powinni upewnić się, że czcionka będzie działać na każdym nośniku, w którym może być używana.

Style typografii: wybierz czcionkę, która działa na różnych nośnikach
Wybór czcionek Drop Co działa w przypadku projektów drukowanych i cyfrowych. (Projekt Marka Network i Mustafy Akulkera)

Wiadomość

Przesłanie projektu — czy to prezentacja slajdów, czy identyfikacja wizualna marki — ma kluczowe znaczenie dla określenia najlepszej czcionki, której należy użyć. Jeśli wiadomość jest poważna, czcionka również powinna być poważna i na odwrót.

Niewłaściwa czcionka może całkowicie zniweczyć komunikat, który marka próbuje wysłać. Na przykład użycie czegoś nowoczesnego, takiego jak Open Sans, w projekcie witryny społeczności historycznej tak naprawdę nie wzmacnia przekazu. Czcionka taka jak Crimson Text działałaby znacznie lepiej.

Kombinacje krojów pisma wzmacniające przekaz marki
Czcionki na stronie Olivia Palermo doskonale podkreślają high-endowy, elegancki przekaz marki.

Czytelność

Czytelność jest prawdopodobnie najważniejszą cechą kroju pisma. Ponieważ typ jest używany do komunikowania wiadomości, jeśli ta wiadomość nie może zostać odczytana, krój pisma nie spełnił swojej funkcji.

Czytelność i czytelność to nie to samo. Czytelność odnosi się do tego, jak łatwo jest odróżnić formy literowe w czcionce. Czytelność idzie o krok dalej i odnosi się do tego, jak łatwo można rozróżniać i czytać różne słowa.

Na czytelność i czytelność może mieć duży wpływ rozmiar używanej czcionki. Czcionka, która świetnie wygląda przy 18 pikselach, może być nieczytelna przy 10 pikselach. To niekoniecznie jest przełom, chyba że projektant wie, że czcionka będzie musiała zostać użyta w mniejszych rozmiarach.

Charakterystyka kroju pisma: Rozmiar czcionki jest ważny dla czytelności
Rozmiar czcionki ma istotny wpływ na czytelność czcionek.

Języki

Nie każda strona internetowa czy projekt zostanie przetłumaczony na wiele języków. Ale dobrym pomysłem jest ustalenie na początku projektu, czy tłumaczenie jest prawdopodobne. Nie wszystkie kroje pisma obsługują znaki specjalne (takie jak akcentowane), nie mówiąc już o alfabetach, takich jak cyrylica i grecki.

W prawie wszystkich projektach ważne jest, aby krój pisma przynajmniej obsługiwał rozszerzone znaki łacińskie, takie jak akcenty i umlauty. Brak możliwości przeliterowania słów lub nazw z powodu braku obsługi akcentów może w najlepszym wypadku sprawić, że projekt będzie wyglądał nieprofesjonalnie.

Elementy kroju pisma: Obsługa języków może być ważna w przypadku niektórych projektów
Obsługa wielu języków może być ważna przy wyborze kroju pisma dla niektórych projektów.

Styl

Istnieją cztery podstawowe style czcionek: serif, sans serif, display i script. Czcionki szeryfowe są często postrzegane jako bardziej tradycyjne i formalne (choć nie wszystkie są). Krój bezszeryfowy może być postrzegany jako bardziej nowoczesny i minimalistyczny. Czcionki ekranowe nie nadają się do użytku w małych rozmiarach, ale ich wygląd jest bardzo zróżnicowany. Czcionki skryptowe przypominają pismo ręczne lub kaligrafię. Zarówno czcionki skryptowe, jak i ekranowe są używane głównie do krótkich bloków tekstu lub takich rzeczy, jak nagłówki i tytuły.

Aby zapewnić czytelność, czcionki szeryfowe były kiedyś postrzegane jako bardziej przyjazne dla czytelnika w druku, a czcionki bezszeryfowe jako bardziej przyjazne dla czytelnika na ekranie. Jednak większość nowoczesnych krojów pisma w obu stylach może dobrze działać na obu nośnikach, zwłaszcza przy wyższych rozdzielczościach ekranu.

Projektanci powinni zastanowić się, czy chcą używać czcionek displayowych lub skryptowych w nagłówkach i tytułach, i zdecydować, czy kroje pisma szeryfowego czy bezszeryfowego lepiej pasują do ich przekazu i marki projektu. Podjęcie takiej decyzji zawęża wybór czcionek dla projektanta, co może ułatwić ustalenie ostatecznego wyboru.

Wybór krojów pisma: Łączenie krojów szeryfowych i bezszeryfowych
Obachan używa w swojej witrynie zarówno czcionek szeryfowych, jak i bezszeryfowych.

Marka

Każda marka ma nastrój i przesłanie. Ważne jest, aby wszystkie elementy wizualne — nie tylko kroje pisma — pasowały i wspierały wrażenie, jakie marka chce wywrzeć na opinii publicznej.

Zawężenie wyboru kroju pisma w oparciu o dopasowanie do marki może rozpocząć się od sporządzenia listy słów kluczowych reprezentujących markę. Stamtąd projektanci mogą wyszukiwać czcionki zawierające te słowa kluczowe lub synonimy.

Na przykład, jeśli marka jest formalna i tradycyjna, odpowiednia będzie czcionka taka jak Garamond lub Caslon. Jeśli marka jest nowoczesna i awangardowa, projektant może wybrać coś takiego jak Roboto lub Raleway.

Dobre kombinacje krojów pisma mogą wzmocnić przekaz marki i nastrój
Mieszanka Pureskin nieformalnej czcionki skryptowej z czystą czcionką bezszeryfową wzmacnia ich nowoczesną, kobiecą markę. (Projekt Marka Network i Mustafy Akulkera)

Koncesjonowanie

Podczas gdy wiele czcionek ma ogólne licencje, które pozwalają na użycie praktycznie w każdej sytuacji, inne nie. Niektóre licencje pozwalają na używanie tylko na jednym lub innym nośniku. Inne pozwalają na użycie w materiałach promocyjnych, ale mogą teraz pozwolić na użycie na sprzedawanym produkcie.

Inną kwestią jest to, że jeśli wielu projektantów pracuje nad jednym projektem, każdy z nich może potrzebować licencjonowanej wersji czcionki. Projektanci powinni być pewni, że rozumieją licencje na wszelkie czcionki, których używają, i jakie ograniczenia te licencje mogą nakładać.

Kombinacje

Nie wszystkie czcionki dobrze współgrają z innymi. Niektóre kroje pisma są na tyle neutralne, że można je łączyć z setkami innych czcionek. Ale inne mają tak wyjątkowy charakter, że odpowiednie kombinacje są ograniczone.

Oba mają zalety. Ograniczone kombinacje mogą przyspieszyć znalezienie odpowiedniego, ponieważ projektanci mogą mieć tylko kilkanaście do wyboru. Jednak posiadanie szerszych opcji może zapewnić większą elastyczność w przyszłych projektach. Wybór kombinacji czcionek jest zarówno sztuką, jak i nauką, a opanowanie wymaga od projektantów sporej ilości eksperymentów i praktyki.

Kombinacje krojów pisma: Czcionki szeryfowe i bezszeryfowe dobrze ze sobą współpracują
Połączenie wielu krojów pisma bezszeryfowego i szeryfowego dobrze sprawdza się w tym projekcie opakowania na herbatę Sophia. (Projekt Marka Network i Mustafy Akulkera)

Rodziny dużych czcionek

Duże rodziny czcionek, takie jak Roboto lub Baskerville, które mają różne grubości i style, mogą ułatwić projektantom tworzenie złożonych projektów typograficznych bez stresu związanego z zastanawianiem się, które kroje pisma dobrze ze sobą współgrają. Niektóre duże rodziny czcionek zawierają nawet wersje szeryfowe i bezszeryfowe, co zapewnia projektantowi jeszcze większą elastyczność.

W projektach długoterminowych, takich jak identyfikacja wizualna marki, większe rodziny czcionek oferują również większą wszechstronność. Możliwość przełączania się między różnymi wagami lub stylami w oparciu o dokładne potrzeby projektowe zapewnia projektantom większą elastyczność bez konieczności odchodzenia od ustalonej tożsamości marki.

Elementy kroju pisma: Duże rodziny krojów pisma zapewniają większą wszechstronność
Duże rodziny krojów pisma, takie jak Nimbus Sans, oferują projektantom dużą wszechstronność, co jest szczególnie przydatne w przypadku projektów długoterminowych lub na dużą skalę.

Jak wybrać odpowiedni krój pisma

Pamiętanie o tych wskazówkach w przypadku każdego projektu może znacznie ułatwić wybór kroju pisma. Projektanci, którzy chcą udoskonalić swoje umiejętności wyboru czcionek, mogą pracować nad projektami praktycznymi, takimi jak wybór nowego kroju pisma dla znanej marki lub fikcyjnego projektu. Wtedy, w obliczu rzeczywistych projektów, będą bardziej pewni swoich umiejętności i wyborów.

Dokładne zrozumienie tego, co pociąga za sobą każdy projekt, pozwala projektantom lepiej zrozumieć, który krój pisma najlepiej odpowiada tym potrzebom. Po zdefiniowaniu zakresu projektu inne względy — takie jak nastrój, wszechstronność, przekaz i marka — mogą pomóc projektantom w wyborze najlepszych czcionek. Inne kwestie, takie jak czytelność, funkcjonalność i obsługa języków, mogą pomóc projektantom w dalszym dopracowaniu tych wyborów, aby znaleźć idealną czcionkę do ich pracy projektowej.

Infografika kroju pisma

Pobierz wersję PDF tej infografiki.
Umieść tę infografikę na stronie internetowej.

• • •

Dalsza lektura na blogu Toptal Design:

  • Jak zbudować skuteczną hierarchię typograficzną?
  • Analiza zawiłości anatomii typografii (z infografiką)
  • Projektowanie pod kątem czytelności — przewodnik po typografii internetowej (z infografiką)
  • Zrozumienie niuansów klasyfikacji krojów pisma
  • Mini samouczek — przewodnik po kombinacjach czcionek