Jak typografia decyduje o czytelności: szeryfowa kontra bezszeryfowa i jak łączyć czcionki.

W przypadku projektowania cyfrowego ważne jest, aby wiedzieć i rozumieć, jak używać i łączyć różne czcionki. Istnieje czcionka na każdy nastrój!

Ten post ma na celu szybkie wprowadzenie do największych rodzin w Typografii: Serif i Sans Serif. I jak jako projektant możesz wybrać odpowiednie czcionki i połączyć je.

Zaczynajmy!

Rodzina typów szeryfowych

Krój pisma Serif różni się od Sans Serif małym, podobnym do stóp czymś, zwanym Serifs.

Wiele krojów Serif, które zobaczysz, będzie wyglądać bardziej tradycyjnie lub konserwatywnie.

Pochodzenie : Powodem, dla którego mają te małe stopy, jest w rzeczywistości rzeźba w kamieniu. W czasach, gdy ludzie musieli wyrzeźbić łacińskie litery w kamieniu, projektant zwykle malował te, które chcieli, pędzlem. Ale kamieniarze musieliby go wyrzeźbić z tego obrazu. A ta kamienna rzeźba stworzyła te szeryfy na literach.

Ludzie mają tendencję do używania czcionek Serif do czegoś poważnego. Wynika to z ich tradycyjnego i konserwatywnego wyglądu.

Serif jest dalej podzielony na cztery rodziny krojów pisma.

1. Stary styl

To najstarsza rodzina Serif. Zawiera czcionki, takie jak Adobe Jenson, Centaur, Goudy Old style i wiele innych. Ich krój jest wzorowany na tym, jak wyglądał tekst w XV wieku. Bardzo staro wyglądający.

2. Przejściowe

To wygląda trochę bardziej nowocześnie. Ta rodzina krojów obejmuje Times New Roman, Baskerville, Georgia itp.

3. Nowoczesne

Jeszcze nowocześniejszy i bardziej elegancki. Obejmuje to Didot, który jest krojem używanym w tytule magazynu Vogue.

4. Slab-Serif

To rodzina czcionek z grubymi szeryfami. Przykłady krojów typu slab-Serif obejmują American Typewriter, Archer itp.

Jak rozróżniacie te cztery główne klasy w rodzinie Serif?

Właściwie to całkiem proste. Spójrz na pierwsze trzy rodziny: w starym stylu, przejściowe i nowoczesne. Umieść je obok siebie. Jeśli spojrzysz na najcieńszą i najgrubszą część liter, zobaczysz to w miarę przechodzenia od starszych do bardziej nowoczesnych typów. Zauważysz zwiększoną różnicę w tym, co nazywamy modulacją krojów pisma. Skoncentruj się na przykład na „O”. Porównując Stary Styl z nowoczesnymi typami, różnica grubości i grubości będzie mniejsza w porównaniu do Nowoczesnego.

Wiele z tej modulacji pochodzi z czasów, gdy ludzie pisali długopisami z płaską końcówką.

A co z Slab-Serif?

Jeśli spojrzysz na czcionkę Slab-Serif, zobaczysz prawie zerową różnicę między najgrubszą i najcieńszą częścią czcionki.

I został zaprojektowany specjalnie w ten sposób. To jeden z nowoczesnych członków rodziny Serif. Jednak nie kieruje się zasadą „bardziej w przyszłość idziesz, tym większa jest różnica między najgrubszą i najcieńszą częścią czcionki”. Slab-Serif został stworzony do drukowania gazet, aby zapewnić wyraźniejsze czytanie, gdy jakość papieru była niska.

Rodzina typów bezszeryfowych

Sans-Serif różni się od Serif. Nie ma szeryfów (małych nóżek) ani żadnych elementów dekoracyjnych wzdłuż środkowych belek i górnych prętów. Bezszeryfowe jest nieco bardziej nowoczesne niż szeryfy.

Są również podzieleni na cztery rodziny.

1. Groteska

Najstarszy. Obejmuje to News Gothic, Franklin Gothic i nie tylko.

2. Neo-groteska :

Nieco nowocześniejszy. Przykładami są Helvetica i Ariel.

3. Humanista:

Jeszcze więcej w przyszłości. Przykładem jest Gill Sans.

4. Geometryczne :

Opierają się na kształtach geometrycznych. Przykładem jest Futura.

Jak rozróżniasz te cztery?

Teraz, podobnie jak w przypadku szeryfów, możesz przejść ze starszej rodziny Groteski do Neo-Groteski do Humanisty. Widać, że różnica w najgrubszych i najcieńszych częściach czcionki staje się coraz bardziej przesadzona. Kiedy patrzysz na Grotesque, jest prawie w równej odległości we wszystkich punktach. A kiedy patrzysz na kroje Humanist, zaczynasz dostrzegać wariacje modulacji.

W kroju geometrycznym litery O są zawsze idealnie okrągłe. O wyglądają dokładnie tak, jakbyś rysował za pomocą kątomierza. I ten krój jest trochę podobny do typu Slab-Serif. Mimo że jest to jeden z nowoczesnych krojów w rodzinie, łamie ten trend i prawie nie ma modulacji i jest jednakowo oddalony we wszystkich punktach.

Jak typografia determinuje czytelność

Znajomość rodzin czcionek i ich podrodzin pomaga w stylizowaniu. Ale co ważniejsze, chodzi o czytelność. Design to zarówno funkcja, jak i forma. Co sprawia, że ​​krój pisma jest bardziej czytelny?

Humanist Sans-Serif jest uważany za bardziej czytelny niż Grotesque. A powody są następujące:

  • Humanistyczny krój ma bardziej otwarte kształty.
  • Odstępy między znakami w kroju Humanist są większe niż w Grotesque, dzięki czemu są nieco łatwiejsze do odczytania.
  • W kroju Grotesque znaki są wzajemnie niejednoznaczne. Mała litera „g” i 9 w Grotesque wyglądają bardzo podobnie, wszystkie są bardzo kwadratowe, co dodaje więcej zamieszania i sprawia, że ​​jest mniej czytelny. Natomiast w kroju Humanist można wyraźnie rozróżnić postacie.

Oto kilka czynników, które sprawiają, że czcionki są bardziej czytelne. Teraz możesz wybrać krój czcionki w zależności od przeznaczenia.

Jak łączyć czcionki

Kiedy łączysz różne kroje pisma, zwykle będziesz mieć inny krój dla nagłówka i inny dla treści. Ma to na celu stworzenie lekkiego kontrastu i zainteresowania twoimi projektami.

Niektóre z typowych reguł, których używają projektanci przy łączeniu różnych czcionek:

  1. Serifs i Sans-Serif bardzo dobrze ze sobą współpracują. Ma tendencję do tworzenia dobrego projektu. Bezszeryfowe mają nieco zwiększoną czytelność w porównaniu z Szeryfami. Dlatego bezszeryfowa jest świetnym krojem pisma dla całego tekstu.

    Nie łącz szeryfowego z szeryfowym i bezszeryfowego z bezszeryfowym, ponieważ może wyglądać trochę nijak i niezróżnicowany.

  2. Zbyt wiele czcionek w jednym projekcie to nie jest dobra rzecz. W końcu wygląda to zbyt dziwnie. Trzymaj się 2 czcionek (jedna z rodziny Serif, a druga z rodziny Sans-Serif).
  3. Doceń nastrój kroju, podobnie jak kolory. I nie łącz ze sobą różnych nastrojów. Spróbuj połączyć bardziej nowoczesne czcionki z nowoczesnymi, a starsze z bardziej tradycyjnymi.

    Jeśli masz nastrój swoich krojów, zaczynasz tworzyć niewiarygodnie piękne projekty.

    Rzeczy, które powinieneś zachować podobnie: Nastrój i era czcionki

    Rzeczy, które należy kontrastować: Szeryfowość (na przykład jedna czcionka powinna być szeryfowa, a druga bezszeryfowa) i Wagi.

    Waga oznacza, jak ciężki lub pogrubiony jest Twój tekst. Większość programów do projektowania ma całą gamę wag. Na przykład jasny, średni, pogrubiony, bardzo pogrubiony i tak dalej. Baw się z różnymi ciężarkami, aby tworzyć ciekawe projekty.

NIGDY NIGDY nie używaj - Comic Sans, Papyrus, Viner, Kristen, Curlz. Bez względu na to, co projektujesz, sprawią, że Twoje projekty będą wyglądać okropnie.

Narzędzia do typografii

  1. WhatFont

    Rozszerzenie Chrome, które podaje nazwę czcionki na dowolnej stronie internetowej.

  2. Font Squirrel

    Zwykle pobieram czcionki stąd. Są darmowe do użytku komercyjnego.

To był krótki przegląd rozległej dziedziny typografii. Mam nadzieję, że nauczyłeś się interesujących rzeczy, które możesz wykorzystać w swoich projektach! :)