Style krojów pisma do projektowania stron internetowych i druku

Zdecydowana większość ludzi jest bombardowana krojami pisma od momentu przebudzenia się rano do momentu, gdy kładą się spać w nocy. Typografia jest wszędzie — od aplikacji na telefonach, przez produkty do pielęgnacji w łazienkach, po znaki, które widzą podczas porannych dojazdów do pracy. Ale ilu ludzi kiedykolwiek zauważyło styl kroju pisma, który otacza ich na co dzień?

Nawet projektanci nie doceniają krojów pisma i często podejmują decyzje dotyczące typu na podstawie luźnej opinii, a nie obiektywnego zrozumienia. Czy większość projektantów w ogóle wie o oryginalnych przemysłowych kontekstach, dla których projektowano różne kroje pisma? Co te konteksty i historie oznaczają dla określenia czytelności, odpowiedniego charakteru i użycia danego kroju pisma? Bez względu na to, w jakiej dyscyplinie projektowej się pracuje — czy jest to projektowanie wizualne, UX, czy tradycyjny druk, kroje pisma są niezbędnymi elementami praktycznie każdego wyprodukowanego projektu.

Niektóre z najbardziej wpływowych obecnie używanych krojów pisma są często pomijane na rzecz unikalnych projektów krojów pisma, które są nowsze na rynku — a czasem słusznie. Każdy z krojów pisma w tym artykule ma dziesięciolecia, jeśli nie wieki, i wszystkie zostały zaprojektowane z myślą o różnych kontekstach technologicznych. W związku z tym od czasu ich wprowadzenia powstało wiele alternatyw lub aktualizacji. Nawet niektóre czcionki pierwotnie zaprojektowane dla ekranów stały się przestarzałe, ponieważ wyświetlacze i drukarki mają wyższą rozdzielczość i są w stanie dokładnie wyświetlać bardziej złożone kształty.

Kroje pisma szeryfowego

Zrozumienie różnicy między stylami kroju szeryfowego i bezszeryfowego jest jedną z najbardziej podstawowych zasad kroju pisma. Dla wielu może to być oczywiste, ale szeryf to kreska na końcu głównych poziomych i pionowych linii znaku. Istnieje wiele podklas w szeryfach, w tym szeryfy linii włosów, klina i płyty, które opisują wizualne cechy samego szeryfa.

Ogólnie rzecz biorąc, szeryfy mają dłuższą historię niż bezszeryfy, ponieważ były pierwszymi krojami pisma używanymi do drukowania książek po wynalezieniu prasy Gutenberg. Zasadniczo szeryfy pozwalają na wygodniejsze czytanie długich, ponieważ szeryfy płynnie prowadzą oko od znaku do znaku, dzięki czemu szeryf jest idealny do długich prac drukowanych. Z tego powodu szeryfy są nadal powszechnie stosowanym krojem pisma w pracach drukowanych, takich jak książki lub raporty, chociaż nie jest to absolutna zasada. Każdy krój pisma ma swoje specyficzne cechy, a niektóre kroje szeryfowe nie nadają się do dużych fragmentów tekstu podstawowego (i niektóre kroje pisma bezszeryfowego, które są doskonale czytelne i czytelne w przypadku długich prac).

Baskerville

Baskerville to jeden z klasycznych szeryfów, który przetrwał próbę czasu i nadal jest w powszechnym użyciu. Baskerville został zaprojektowany w okresie przejściowym między pierwszymi krojami pisma (Bodoni i Didot) a przyszłymi krojami pisma z XIX i XX wieku. Baskerville odniósł sukces dzięki wyraźnie kontrastującym formom liter.

Projektant, John Baskerville, był zagorzałym perfekcjonistą, dzięki czemu stworzył czcionkę z pięknymi detalami. Krój pisma mógł być drukowany tylko na jego własnych maszynach, aby zapewnić prawidłowe przeniesienie liter na stronę. Ta historia jest znacząca, ponieważ Baskerville został dostosowany do różnych mediów, w których dzisiaj pracujemy. Szczegóły zawarte w każdym kształcie litery sprawiają, że Baskerville nie nadaje się do nośników o niskiej rozdzielczości, w tym wyświetlaczy o niskiej rozdzielczości lub wadliwych drukarek. Biorąc to pod uwagę, kiedy Baskerville ma możliwość wyrażenia swojej jakości, jest to doskonały krój szeryfowy.

Dobrym przykładem nowoczesnego, cyfrowego kroju pisma, na który Baskerville mocno wpłynął, jest krój, który Amazon zamówił dla Kindle, Bookerly. Jeśli szukasz alternatywy dla Baskerville, która zachowuje swoje 200-letnie bogactwo, a jednocześnie jest aktualizowana pod kątem czytelności na ekranie, Bookerly może być dobrym rozwiązaniem. Inne alternatywy to pani Eaves i Plantin.

Czcionka Times New Roman

Times New Roman, podobnie jak wiele powszechnie używanych czcionek, które istnieją już od jakiegoś czasu, jest polaryzującym krojem pisma, który jest uwielbiany przez wielu, ale przez niektórych również nienawidzony. Często to, co ludzie kochają lub nienawidzą w TNR, jest takie samo: jego apatyczna neutralność.

Matthew Butterick pisze: „Times New Roman to nie tyle wybór czcionki, ile brak wyboru czcionki, tak jak czerń przestrzeni kosmicznej nie jest kolorem. Spojrzenie na Times New Roman to spojrzenie w pustkę”. Times New Roman wydaje się tak prosty, głównie ze względu na jego przytłaczającą wszechobecność w wyniku ekspozycji z gazety, dla której został zaprojektowany, Times of London.

Times New Roman został zaprojektowany z myślą o komercyjnym interesie gazety, który miał zachować czytelność przy jednoczesnym upchaniu jak największej liczby słów w jednej linii – a tym samym na stronie – jak to możliwe. Projektanci bardzo publicznie informowali o użyciu czcionki w gazetach, ponieważ jest ona węższa i bardziej czytelna w cienkich kolumnach, ale nie jest idealna do książek o dłuższych liniach. Tę wydajność osiągnięto dzięki zwiększeniu wysokości x i znacznemu zmniejszeniu śledzenia, czyli odstępów między znakami.

Ze względu na sukces kroju pisma Times, Times New Roman został wkrótce przyjęty przez większość amerykańskich gazet, co czyni go jednym z najbardziej wszechobecnych krojów pisma. Z powodu tej wszechobecności niektórzy projektanci odradzają stosowanie Times New Roman, ponieważ może to sprawiać wrażenie apatii lub taniości. Niektóre inne czcionki w stylu redakcyjnym, które możesz rozważyć, to Arnhem, Le Monde Journal lub Plantin.

Garamond

Garamond Antiqua to purystyczny krój w starym stylu, zaprojektowany przez kultowego paryskiego wykrawacza Claude Garamond. Garamond był jedną z pierwszych twarzy zaprojektowanych do zestawu czcionek, co oznacza, że ​​idealnie nadawał się do długich tekstów z najnowszej mody swoich czasów: powieści.

Jako nieodłączna cecha epoki, w której został zaprojektowany, Garamond nadaje tekstowi poczucie stylu starego świata. Jednak jego zaokrąglone szeryfy sprawiają, że tekst jest bardziej nieformalny niż wiele jego szeryfowych odpowiedników. Garamond pozostała płodną czcionką dzięki swoim przejrzystym formom, pozwalając użytkownikom na długie czytanie bez zmęczenia. Duże ciała bohaterów i wysoka wysokość x tworzą dużo miejsca wokół każdej litery, dzięki czemu słowa są dostrzegalnie większe, a przez to bardziej czytelne.

Chociaż wielu projektantów przemawiałoby za ponadczasowością Garamonda, jego formy po prostu nie są idealne do typografii internetowej. Zalety druku Garamond obejmują miękkie krzywizny, które łączą się z postacią, dzięki czemu jest bardziej czytelny przez długi czas. Minusem jest to, że te krzywe stają się rozmyte przy mniejszych rozmiarach na ekranie, utrudniając jego czytelność. Tak więc, pomimo licznych odtworzeń Garamond, które można znaleźć w Internecie, większość projektantów ekranu uważa, że ​​stał się on przestarzały. To powiedziawszy, projektanci EB Garamond nadal myślą inaczej i próbują ożywić ten klasyk w społeczności open source.

Jeśli szukasz alternatywy dla Garamonda, sprawdź Sabon lub Minion.

Gruzja

Być może w odpowiedzi na kroje pisma, takie jak niepowodzenie Garamonda na ekranie, Matthew Carter otrzymał w latach 90. zlecenie Microsoftu na zaprojektowanie kroju pisma specjalnie dla czytelności na ekranie. I narodziła się Gruzja.

Wielu uważa, że ​​Gruzji brakuje neutralnej jakości innych szeryfów produkowanych masowo, takich jak TNR, i nadaje tekstowi przyjazną i czarującą jakość. Tym samym imponującym wyczynem projektowym Cartera jest to, że udało mu się rozwiązać kwestię czytelności na ekranie, zachowując jednocześnie atrakcyjny charakter drukowanych twarzy.

Historia jest taka, że ​​Carter zaprojektował Georgię podczas pracy nad nową wersją XIX-wiecznej czcionki Scotch Roman. Gruzja zachowuje wiele cech swojego poprzednika. Jednak, aby stworzyć Georgię na ekran, Carter wprowadził kilka istotnych zmian: zwiększenie wysokości x, zaokrąglenie cyfr i wprowadzenie niewielkich przesunięć w celu zachowania poczucia charakteru.

Chociaż Georgia jest teraz uznana za klasyczną, powszechnie uważa się, że ma bardziej nowoczesny charakter niż wiele innych krojów szeryfowych. Miller i Abril mają podobne odczucia i są dobrą alternatywą.

Kroje pisma bezszeryfowego

Chociaż niektórzy mogą twierdzić, że styl kroju bezszeryfowego pojawił się po raz pierwszy w czasach starożytnych, nie zostały one oficjalnie włączone do powszechnego użytku i współczesnego społeczeństwa aż do XIX wieku. Wraz z rozkwitem reklamy, gazet i mediów pojawiło się zapotrzebowanie na kroje pisma, które można odczytać z daleka jako wyraźne nagłówki, a także reprezentują nową erę przemysłu.

Verdana

Verdana dzieli podobną historię ze swoją kuzynką Georgią, ponieważ oba zostały zaprojektowane przez Matthew Cartera dla Microsoftu w latach 90-tych. Tak więc Verdana jest bezszeryfową zaprojektowaną specjalnie dla ekranu. Podobnie jak wiele czcionek dążących do przejrzystości, Verdana ma dużą wysokość x, aby zwiększyć czytelność. Verdana jest określana jako humanistyczna bezszeryfowa, co oznacza, że ​​zachowuje niektóre cechy i logikę projektowania krojów szeryfowych.

Jednak Matthew Carter zdawał sobie sprawę z potencjalnie ograniczających przestrzeni, w które niektóre teksty mogą zostać wepchnięte na ekranie, więc rozmiary znaków Verdana są odpowiednio wyważone, aby uniknąć wbijania się w aplikacje lub platformy bez stabilnego interlinii. Biorąc pod uwagę, że Verdana została zaprojektowana do użytku w latach 90., jest szczególnie skuteczna nadal na urządzeniach o niskiej rozdzielczości. Jednak wraz ze wzrostem jakości ekranów mocne strony Verdana giną i nie działa już tak dobrze, jak kiedyś.

Jeśli używasz Verdana w druku, jej szerokie odstępy zapewniają jakość czcionki maszynowej o stałej szerokości. Ta jakość sprawia, że ​​Verdana jest kiepskim wyborem w przypadku drukowania dużej części tekstu. Alternatywą, którą możesz teraz rozważyć, jest Colfax. Projektanci Colfax biorą pod uwagę brak ograniczeń mechanicznych w dzisiejszym projektowaniu czcionek i stworzyli czcionkę, która jest bardziej odpowiednia zarówno dla wyświetlaczy o wysokiej rozdzielczości, jak i druku atramentowego.

Gesta i PT Sans są dobrą alternatywą dla Verdana.

Franklin Gothic

Franklin Gothic to realistyczny krój pisma bezszeryfowego, który został pierwotnie stworzony w 1902 roku przez Morrisa Fullera Bentona z American Type Founders (ATF) i został rozszerzony o więcej grubości w latach 70. i 90. przez ITC. Cyfrowe wersje kroju pisma zostały stworzone przez Adobe, International Typeface Corporation (ITC), Monotype Imaging i URW.

Oryginalny krój pisma, który Benton przyznał, że został zaprojektowany jako hołd dla Benjamina Franklina, najlepiej nadawał się do nagłówków i zastosowań handlowych, a nie długich bloków tekstu podstawowego. Aktualizacje z dodatkowymi wagami i stylami od tego czasu rozszerzyły opcje użytkowania.

Ponadczasowa jakość Franklin Gothic sprawia, że ​​nadal jest popularnym wyborem w wielu mediach, ponad sto lat po jego pierwotnym wydaniu. Time Magazine i The New York Times używają go do różnych nagłówków, kafelki Scrabble w amerykańskiej i kanadyjskiej wersji gry zawierają go, a skrócona wersja była nawet używana do początkowego indeksowania w filmach Gwiezdnych Wojen.

Chociaż Franklin Gothic jest nadal niezwykle popularny, popularną alternatywą jest News Gothic, popularny następca oryginału firmy Benton, z węższą budową i mniejszym kontrastem uderzeń. Inne alternatywy to Trade Gothic, Benton Sans i Maple.

Futura

Futura, wydana w 1927 roku, jest bezpośrednim wynikiem jednego z pierwszych geometrycznych krojów bezszeryfowych (w przeciwieństwie do humanistycznych krojów bezszeryfowych). Największy konkurent Futury, Erbar Grotesk (wydany w 1926), został zaprojektowany w niezwykle wpływowym Bauhausie, z zamiarem przekazania wszystkiego, co szkoła uważała za nowoczesną na przełomie XIX i XX wieku. Oznaczało to, że logika geometryczna zniosła wszelkie ślady ozdób i dążyła do czystej logiki w tworzonych formach liter.

Podobnie jak Erbar Grotesk, Futura obejmuje formy literowe oparte na kształtach geometrycznych, przede wszystkim na okręgu (choć także kwadraty i trójkąty, w których koła nie były odpowiednie). Zawiera niski kontrast między pociągnięciami, z wysokimi wznoszącymi się małymi literami i wielkimi literami, które mają proporcje podobne do wielkich liter rzymskich. Jego projektant, Paul Renner, uważał, że nowoczesne kroje pisma powinny mieć nowoczesną wrażliwość, a nie być po prostu powtórzeniami poprzednich projektów.

Futura zyskała dużą sławę w ciągu XX wieku, gdy astronauci Apollo 11 zostawili tablicę na Księżycu w Futurze; Volkswagen i wiele innych marek przyjęło go; a kilku filmowców, w tym Stanley Kubrick i Wes Anderson, przywłaszczyło go sobie. Jeśli cenisz nowoczesną jakość Futury, ale uważasz, że jest ona nieco nadużywana, rozważ wypróbowanie FF Super Grotesk, HK Grotesk (open source) lub Neuzeit.

Gill Sans

Monotype, ta sama odlewnia krojów pisma, która dostarczyła nam Times New Roman, zleciła erudycie Ericowi Gillowi (rzeźbiarzowi/zecerowi/grafikowi) wykonanie czcionki dla nowoczesnego londyńskiego oznakowania. Gill Sans, w przeciwieństwie do Futury, jest czcionką humanistyczną o mniej zdyscyplinowanym stylu niż jej niemieccy współcześni. Litera „R” jest lekko rozkloszowana, a małe litery „g” w okularach są niemal kultowe. Naturalnie pogrubiona czcionka sprawdza się dobrze w przypadku ekranów i nagłówków, ale wprowadzone później mniejsze grubości dobrze nadają się do tekstu podstawowego.

Jego historia w londyńskim metrze, BBC i The Church of England, a także jego nowoczesna, ale ludzka jakość sprawiają, że krój pisma jest typowo brytyjski. Chociaż czcionka jest w proporcjach klasyczna, ma nieco artystycznych rozbłysków, co czyni ją bardziej radosną niż jej surowy niemiecki odpowiednik DIN.

To powiedziawszy, wiele z tych artystycznych rozbłysków sprawiło, że Gill Sans jest niepożądany przez niektórych grafików. W szczególności mała litera „a” jest często krytykowana za to, że jest niezrównoważona i zaburza czytelność.

Szukasz alternatywy dla Gill Sans? Sprawdź ITC Johnston lub P22 Underground.

Helvetica

Helvetica jest jedynym krojem pisma, który zainspirował swój własny film (2007). Jest to prawdopodobnie najbardziej znana / wszechobecna obecnie czcionka. Czcionka narodziła się w wyniku szeroko zakrojonej w latach 50. rywalizacji o nowe wersje bardzo popularnych czcionek Grotesk.

Czcionki Grotesk ewoluowały stopniowo, zwiększając czytelność. Jednak nie wszystkie kroje pisma działały dobrze zarówno z linotypami słuchawkowymi, jak i mechanicznymi. Maszyna do linotypii wymagała, aby zarówno zwykłe, jak i kursywa były ustawione na tę samą szerokość, co wymuszało, aby kursywa wydawała się zbyt szeroka, a regularne zbyt wąska.

Helvetica została zaprojektowana specjalnie z ostrymi zmianami charakteru, aby zachować współczesne piękno i czytelność krojów pisma Grotesk, jednocześnie pozwalając projektantom czerpać korzyści z masowej produkcji. Po raz pierwszy zaprezentowana na targach „Graphic 57”, czcionka stała się wszechobecna w szwajcarskim designie.

Inne kroje pisma, które stanowią dobrą alternatywę dla Helvetica, to Maison Neue, Univers i Folio.

Kroje pisma o stałej szerokości

Style krojów pisma o stałej szerokości zostały pierwotnie zaprojektowane dla maszyny do pisania. Główną cechą, którą należy zrozumieć w tej kategorii krojów pisma, jest to, że maszyna do pisania wymagała, aby każdy znak był pisany z równymi odstępami. W ten sposób każdy znak jest umieszczony w jednej matrycy organizacyjnej w tekście, podczas gdy inne czcionki często różnią się odstępami w celu zarządzania czytelnością.

Ostatecznie, poza kontekstem maszyny do pisania, jest niewiele aplikacji, w których sensowne jest używanie krojów pisma o stałej szerokości. Równe odstępy oznaczają, że są one mniej wydajne i ogólnie mniej czytelne. Wyjątkiem od tej reguły są aplikacje przeznaczone do pisania kodu, gdzie równe odstępy mogą faktycznie pomóc w czytelności.

Niektóre przykłady to Courier, Consolas, Letter Gothic lub Source Code Pro (bezpłatny). Jednak niektórzy projektanci po prostu nie mogą zaprzeczyć nostalgicznej estetyce; w ten sposób pozostają popularne.

Kroje pisma systemowego

Kroje systemowe to te, które są dostarczane z urządzeniem lub programem. Istnieją różne kroje systemowe dla komputerów Mac, Windows, a nawet produktów Adobe. Wszystkie kroje pisma zawarte w tym artykule mają przynajmniej kilka odmian, które są czcionkami systemowymi.

Korzystanie z czcionek systemowych ma kilka wad. Największym jest to, że te kroje pisma są na ogół niesamowicie prześwietlone. Ponieważ znajdują się na prawie wszystkich komputerach, ludzie widzą je dzień w dzień, zarówno w dobrych, jak i okropnych projektach. Chociaż nie każdy projekt typograficzny musi być na krawędzi oryginalności, ważne jest, aby zrozumieć, że jeśli marka, dla której projektujesz , ma być wyjątkowa i oryginalna, użycie czcionki systemowej często to podważa.

Inną poważną wadą korzystania z czcionek systemowych jest to, że niektóre z nich po prostu nie są zbyt dobre. Przychodzi mi na myśl Arial…

Wreszcie, wiele czcionek systemowych zostało zaprojektowanych specjalnie, aby były bardzo czytelne na ekranie i mogą nie być szczególnie czytelne w druku. Może nie jest to problem dla każdego projektu, który podejmuje projektant, ale należy o tym pamiętać.

Wybór świetnego kroju pisma do prac projektowych

Projektując dla konkretnej marki, wybór odpowiedniego profesjonalnego kroju pisma jest kluczowym zadaniem dla każdego projektanta, zwłaszcza biorąc pod uwagę, że licencje na niektóre rodziny krojów pisma mogą przekroczyć 1000 USD.

Wybór rodziny krojów pisma, która obejmuje dużą różnorodność grubości, szerokości, a nawet wariantów szeryfowych i bezszeryfowych, jest dobrym pomysłem w przypadku wielu projektów. Daje to projektantom wiele opcji dla każdego projektu, który może pojawić się w potoku dla konkretnej marki, a nawet pozwala na aktualizacje materiałów marketingowych przy użyciu „różnych” czcionek, które tak naprawdę nie różnią się tak naprawdę (i dlatego jest mniej prawdopodobne, aby rozzłościć konsumentów i lojalnych wobec marki , jak miało to miejsce w przypadku wielu dużych przeprojektowań głównych marek). Głęboką rodzinę czcionek można łatwo łączyć ze sobą i nosić różne osobowości.

Szukając kroju pisma do połączenia z istniejącą biblioteką czcionek do bardziej ogólnego zastosowania w projektach, skup się na wyborze czcionek o podobnych cechach. Oznacza to uwzględnienie wszystkich cech wersalików i małych liter, wysokości x i geometrii formalnej. Witryny takie jak Typewolf mogą być nieocenione w znajdowaniu czcionek, które można sparować z istniejącymi już dostępnymi opcjami (a także świetnymi alternatywami w przypadku, gdy klient mówi, że chce czegoś „jak” Helvetica, ale na pewno nie Helvetica).