5 zasad wyboru Perfect Web kroju
Wybór kroju pisma dla projektu jest momentem definiującym. Czasami będziesz chciał dodać osobowość do projektu, chociaż zazwyczaj najlepiej jest pozostawić ten typ. W przypadku tekstu głównego przez większość czasu dążysz do czytelności.
Czytelność i czytelność są często mylone; czytelność odnosi się do łatwości rozpoznawania liter, a czytelność odnosi się do łatwości odczytywania słów, zdań i akapitów. Ten pierwszy często zapewnia to drugie.
Każdy projekt ma swoje własne wymagania i żadna kroka nie pasuje do każdej sytuacji. Jednak w przypadku treści tekstowej w Internecie, istnieją kluczowe cechy, których powinieneś szukać.
1. Duże, otwarte liczniki
Liczniki to biała przestrzeń w środku liter, np. "O" i "c". Duże liczniki zwiększają czytelność, ponieważ tworzą wyraźne kształty w obrębie licznych pionowych pociągnięć, które składają się na małe litery łacińskie.
Kroje pisma z dużymi licznikami zmierzają w kierunku dużej wysokości x (wysokość małej litery "x") w porównaniu do wznoszących się i malejących czcionek (rozszerzone pociągnięcia po literach takich jak "b" i "p"). Zwiększona wysokość x pozwala uzyskać odpowiednie spacje w literach takich jak "e".
Oprócz dużych liczników, czytelne kroje pisma mają również otwarte liczniki z szerokimi otworami, takie jak litery "c" i "s".
Krój pisma, który robi to wyjątkowo dobrze, to dzieło Łukasza Dziedzica Lato . Lato cechuje się dużą wysokością, wspieraną przez duże, otwarte liczniki.
Podobnie jak duże liczniki, szukaj ostrych kątów na połączeniach liter takich jak "d", "p" i "n": ze względu na naturę pikseli, kąt zwiększa białe znaki, dzięki czemu liczniki wydają się większe. Efekt ten można również zaobserwować w pół-licznikach, takich jak biała spacja pod ramieniem litery "r".
2. Nawet uderzenia
Częstym argumentem wśród projektantów jest to, czy czcionki serif lub sans-serif są bardziej czytelne. Niektórzy twierdzą, że szeryfy zwiększają jedność kształtu słowa, inni twierdzą, że szeryfowie myli kształty w małych rozmiarach, inni twierdzą, że jest to po prostu kwestia znajomości. Niezależnie od tego, jaką masz perswazję, znajdziesz obszerne badania, które zarówno potwierdzają, jak i obalają twój punkt widzenia.
Prawdą jest, że sans szeryfy są nieznacznie bardziej czytelne, nie z powodu szeryfów, ale z powodu innych cech wspólnych dla stylu. Mówiąc konkretniej, szeryfy wywodzą się z tradycji kaligraficznej i mają tendencję do wykazywania większego kontrastu uderzeń. Cieńsze pociągnięcia mają tendencję do znikania w mniejszych rozmiarach, więc każdy krój pisma z cienkimi pociągnięciami ma tendencję do utraty czytelności na ekranie.
Większość czcionek będzie charakteryzować się pewnym kontrastem skoku, aby zachować równowagę optyczną (poziome pociągnięcia są optycznie grubsze niż pionowe uderzenia o identycznej grubości), ale mniejszy kontrast zapewnia lepszą czytelność.
Istnieje jednak wiele nowoczesnych serifów, które wykonują się wyjątkowo dobrze na ekranie.
FF Tisa to bardzo czytelny krój pisma. Oprócz dużych liczników kontrast jego skoku jest minimalny. FF Tisa ma krój pisma towarzyszącego sans serif: FF Tisa Sans . Porównaj dwa i jasne jest, że jest to duża wysokość x, znaczące liczniki i minimalny kontrast ruchu, które zapewniają czytelność, a nie obecność lub brak szeryfów.
Jeśli spojrzysz uważnie, zobaczysz, że FF Tisa ma nieznacznie większy kontrast skoku niż FF Tisa Sans. Zobaczysz też, że w niektórych postaciach, na przykład "s", szeryfy zamykają trochę otwory. To powinno oznaczać, że Tisa Sans jest nieznacznie bardziej czytelna niż Tisa, ale szeryf zapewnia dodatkową korzyść ...
3. Odrębne formy literowe
Kiedy wypróbujesz krój czcionki przeznaczony do użycia na ekranie, zanim wypróbujesz swoje imię, nazwę domeny lub cokolwiek innego, wypróbuj tekst "1Illinois".
Ostatecznie będziesz chciał wypróbować wiele kombinacji, ale "1Illinois" jest jedyną frazą, której potrzebujesz, aby wybrać krój pisma. Zawiera nie tylko otwarte i zamknięte liczniki, ale także arch do oceny kontrastu obrysu, zawiera również niektóre z najbardziej problematycznych znaków w kroju pisma: numer 1, wielkie litery I, małe litery l, oraz w mniejszym stopniu małe litery ja.
Weź klasyczny przykład Gill Sans . Jest to pięknie narysowany krój czcionki, ale nie działa na ekranie. Wpisz "1Illinois" w Gill Sans, a zobaczysz, że litery są nie do odróżnienia w dowolnym rozmiarze. To tutaj kroje szeryfowe - które tracą niewielką czytelność z większym kontrastem i mocniejszymi szczelinami - wracają na równe nogi z bezszeryfowymi. Porównać Merriweather z Gill Sans i widać, że pomimo znacznie prostszych form literowych Gill Sans, Merriweather jest znacznie bardziej czytelny ze względu na wyraźne postacie, które są łatwiejsze do osiągnięcia dzięki dodaniu szeryfów.
Odrębne litery nie są wyłączną domeną szeryfów. Fira wykonuje doskonałą pracę, odróżniając znaki od odmiany wysokości i ogony na małych literach "l".
Idealnie znajdziesz krój pisma z odmiany w całym zestawie znaków. Kroje pisma z tradycyjnym podwójnym opowiadaniem "a" i "g" są bardziej czytelne niż geometryczne sany, takie jak Futura.
Jednym z moich ulubionych jest Ideal Sans . Zarządza on tylko nieznacznym rozróżnieniem wielkich liter "I" i małych liter "l", ale przyjrzyj się uważnie, a zobaczysz, że praktycznie każdy ruch jest inny. Asymetria i różnice pomiędzy znakami, które zwykle są odbiciem lustrzanym, daje wysoce czytelny krój pisma po ustawieniu na zwykły rozmiar tekstu.
4. Spójny rytm
Rytm jest jednym z najważniejszych czynników w kroju pisma, ponieważ przetwarzamy tekst w sakkadach - małe skoki wzdłuż linii - które są łatwiejsze do przetworzenia, jeśli odstępy są spójne.
Krój pisma nie może kontrolować odstępu między wierszami tekstu, ale kontroluje pionowe odstępy; możliwe jest dostosowanie śledzenia tekstu, dokręcenie go do tekstu wyświetlanego i poluzowanie go dla tekstu głównego, ale to nie dostosowuje rytmu kresek, które są wbudowane w krój pisma.
Oprócz słabych szczelin, kiepski rytm jest jednym z nich Helvetica Najsłabsze punkty. Porównaj to z Daltonem Maagiem Effra lub Łukasza Dziedzica Więcej Pro który ma piękny rytm.
Nie szukaj kroju pisma z matematycznie dokładnym pionowym rytmem; aby to osiągnąć, projektant typowy musiałby zniekształcać litery do tego stopnia, że straciłyby czytelność w inny sposób. Zamiast tego spójrz na krój pisma, który dąży do przewidywalnego rytmu.
5. Tajna broń
Istnieje tajna broń, której możesz użyć, wybierając typ sieci, który jest oczywisty, ale często pomijany.
Wszystkie najbardziej czytelne kroje, które do tej pory poleciłem w tym artykule, zostały zaprojektowane w ciągu ostatnich sześciu lat - Lato (2010), FF Tisa (2008-10), FF Tisa Sans (2011), Merriweather (2013), Fira Sans ( 2013), Effra (2008), More Pro (2010) - według typów projektantów, którzy specjalnie projektowali pod kątem użytkowania ekranu.
Helvetica jest przerażającym wyborem dla sieci, ale jak to może być cokolwiek innego, kiedy zaczęło się życie nie sześć, ale prawie sześćdziesiąt lat temu?
W razie wątpliwości sprawdź, kiedy krój pisma został zaprojektowany. Jeśli został wydany w ciągu ostatnich kilku lat, to (z kilkoma celowymi wyjątkami) prawdopodobnie przewiduje użycie w Internecie.
Wniosek
Każdy projekt ma określone wymagania, które wpłyną na twoje wybory. Skupiłem się na przykładach z małymi literami, ponieważ większość tekstu głównego ma małe litery, ale jeśli projektujesz pulpit nawigacyjny, prawdopodobnie będziesz musiał zwrócić szczególną uwagę na cyfry; jeśli projektujesz dla międzynarodowej marki, prawdopodobnie będziesz potrzebował rozszerzonego zestawu znaków.
Radość z typografii polega na tym, że każdy projekt wykorzystuje przypadki, które oznaczają, że żaden krój pisma nie jest zawsze najlepszym rozwiązaniem.
Poszukaj hojnych liczników, nawet stoków, wyraźnych kształtów liter i spójnego pionowego rytmu. Skoncentruj swoje poszukiwania na krojach zaprojektowanych w erze Web.
Od czasu pojawienia się typu WWW zaczęliśmy opracowywać odrębny styl typograficzny, który uwzględnia ograniczenia mediów, a kroje pisma, które najlepiej prosperują w Internecie, są tymi, które zostały zaprojektowane.