Typografia w projekcie

Typografię można uznać za najważniejszą część każdego projektu. To zdecydowanie jeden z najważniejszych elementów każdego projektu. A jednak często jest to część projektu, która pozostawiona jest na koniec lub w ogóle ledwo brana pod uwagę. Projektanci są często zastraszani przez typografię, co może skutkować nijakim typograficznym wyglądem lub projektant zawsze używa jednego lub dwóch „niezawodnych” krojów pisma w swoich projektach.

Ta seria ma to zmienić. Jeśli jesteś zastraszany typografią, a nawet nie wiesz, od czego zacząć, czytaj dalej. Przeanalizujemy teorię i praktykę typograficzną, zaczynając od podstaw (aby wszyscy zaczynali od tej samej strony).

W tej części omówimy podstawy teorii typografii, w tym różne rodzaje krojów pisma (oraz różnice między krojami pisma i czcionek), a także podstawową anatomię kroju pisma. Każda część będzie również oferować więcej zasobów do zagłębiania się w typografię.

Czcionki kontra czcionki: różnica?

Wiele osób używa zamiennie terminów „krój pisma” i „czcionka”. Ale to dwie bardzo różne rzeczy. Zanim zaczniemy rozmawiać o typografii, sprecyzujmy nasze warunki.

Krój pisma to zestaw symboli i znaków typograficznych. To litery, cyfry i inne znaki pozwalają nam umieszczać słowa na papierze (lub ekranie). Z drugiej strony czcionka jest tradycyjnie definiowana jako kompletny zestaw znaków w kroju pisma, często o określonym rozmiarze i stylu. Czcionki to także określone pliki komputerowe, które zawierają wszystkie znaki i glify w kroju pisma.

Istnieje kilka rodzajów czcionek;

Szeryf w starym stylu
Przejściowy szeryf
Square sans-serif
Geometryczny bezszeryfowy
Formalny skrypt
Zwykły scenariusz

Kiedy większość z nas mówi o „czcionkach”, tak naprawdę mówimy o czcionkach lub rodzinach czcionek (które są grupami czcionek o powiązanych projektach).

Klasyfikacja krojów

Istnieje wiele różnych sposobów klasyfikowania czcionek i rodzin typów. Najczęstsze klasyfikacje są według stylu technicznego: serif, sans-serif, skrypt, wyświetlanie i tak dalej. Kroje pisma są również klasyfikowane według innych specyfikacji technicznych, takich jak proporcjonalne vs. monospacowe, lub według bardziej płynnych i interpretacyjnych definicji, takich jak nastrój, który tworzą.
Styl techniczny krojów pisma

Przejdziemy przez 6 różnych krojów, które są własnymi postaciami. W tych krojach czcionek można znaleźć różnorodną gamę czcionek.
Czcionki szeryfowe

Czcionki szeryfowe nazywane są „serifami” w odniesieniu do małych linii, które są dołączone do głównych pociągnięć znaków w obrębie twarzy. Czcionki szeryfowe są najczęściej używane do kopiowania treści w drukowanych dokumentach, a także do tekstu i nagłówków online. Dyskutowano o czytelności serifów online, a niektórzy projektanci wolą nie używać serifów do dużych bloków kopiowania.

W ramach klasyfikacji szeryfowej istnieje wiele podtypów. Krój pisma Serif obejmuje:

Serify w starym stylu, takie jak Adobe Jenson, ITC Berkeley Oldstyle i Goudy Old Style
Przejściowe seriale takie jak Times New Roman, Baskerville i Americana
Neoklasyczny i Didone, jak Didot, Marconi i Bodoni
Płyty Serifs, takie jak American Typewriter, Rockwell i Soho
Clarendon Serifs jak Bookman, Clarendon i Nimrod
Glyphic Serifs jak Albertus, Cartier Book i Friz Quadrata

Szeryf w starym stylu (zwany również humanistycznym) to najstarsze kroje w tej klasyfikacji, pochodzące z połowy 1400 roku. Główną cechą znaków w starym stylu jest naprężenie po przekątnej (najcieńsze części liter pojawiają się na ukośnych pociągnięciach, a nie w pionie lub w poziomie). Kroje pisma w tej kategorii obejmują Adobe Jenson, Centaur i Goudy Old Style.

http://sanrahpo1.pl/tworzenie-stron-internetowych
http://sanrahpo1.pl/tworzenie-stron-siedlce
http://sanrahpo1.pl/tworzenie-stron-warszawa
http://sanrahpo1.pl/strony-www-krakow
http://sanrahpo1.pl/strony-www-lodz
http://sanrahpo1.pl/strony-www-poznan
http://sanrahpo1.pl/strony-www-gdansk
http://sanrahpo1.pl/strony-www-szczecin
http://sanrahpo1.pl/strony-www-bydgoszcz
http://sanrahpo1.pl/strony-www-lublin
http://sanrahpo1.pl/strony-www-bialystok

Przejściowe szeryfy pochodzą z połowy XVII wieku i są na ogół najczęstszymi czcionkami serif. Times New Roman i Baskerville są przejściowymi czcionkami szeryfowymi, podobnie jak Caslon, Georgia i Bookman. Różnice między grubymi i cienkimi pociągnięciami w przejściowych krojach są bardziej wyraźne niż w szeryfach w starym stylu, ale mniej niż w nowoczesnych szeryfach.

Współczesne szeryfy, które zawierają kroje pisma, takie jak Didot i Bodoni, mają znacznie wyraźniejszy kontrast między cienkimi i grubymi liniami oraz mają pionowe naprężenie i minimalne nawiasy. Pochodzą z końca XVIII wieku.

Ostatnim głównym typem kroju szeryfowego jest szeryf płyty. Szeryfowe płyty mają niewielki lub żaden kontrast między grubymi i cienkimi liniami i mają grube, prostokątne szeryfowe, a czasem mają stałe szerokości. Podstawowe postacie często przypominają czcionki bezszeryfowe.

Czcionki bezszeryfowe

Czcionki bezszeryfowe są nazywane takimi, ponieważ nie zawierają szczegółów szeryfowych znaków. Czcionki bezszeryfowe mają często bardziej nowoczesny wygląd niż szeryfowe. Pierwsze bezszeryfowe powstały pod koniec XVIII wieku.

Istnieją cztery podstawowe klasyfikacje krojów pisma bezszeryfowego:

Groteskowa jak Wenus, Monotypowa Groteska i Wiadomości

Neo-groteskowy jak Helvetica, San Francisco i Roboto
Humanista jak Tahoma, Verdana, Calibri i Trebuchet
Geometryczne jak Gotham, Avenir i ITC Avant Garde

Groteski są najwcześniejsze i obejmują takie czcionki, jak Franklin Gothic i Akzidenz Grotesk. Te kroje pisma często mają kształty liter, które są bardzo podobne do czcionek serif, pomniejszone o serifs.

Neo-groteskowe kroje obejmują niektóre z najbardziej popularnych krojów: MS Sans Serif, Arial, Helvetica i Univers to wszystkie neo-groteskowe czcionki bezszeryfowe. Mają stosunkowo prosty wygląd w porównaniu z groteskami.

Czcionki humanistyczne obejmują Gill Sans, Frutiger, Tahoma, Verdana, Optima i Lucide Grande. Są one bardziej kaligraficzne niż inne kroje pisma bezszeryfowego, a także najbardziej czytelne (stąd popularność niektórych z nich do kopiowania treści stron internetowych). Są bardziej kaligraficzne niż inne bezszeryfowe, co oznacza, że ​​mają większą zmienność szerokości linii.

Geometryczne sans-serifs są ściślej oparte na geometrycznych kształtach. Zasadniczo litery „O” w geometrii wydają się okrągłe, a litera „a” jest prawie zawsze prosta, tylko koło z ogonem. Są najrzadziej używane do kopiowania treści, a także są z reguły najnowszymi bezszeryfowymi seriami.

Kroje pisma

Skrypty są oparte na pismach ręcznych i oferują bardzo płynne formy literowe. Istnieją dwie podstawowe klasyfikacje: formalna i zwykła. Formalne skrypty często przypominają ręcznie pisane litery, popularne w XVII i XVIII wieku. Niektóre skrypty są oparte bezpośrednio na pismach mistrzów, takich jak George Snell i George Bickham. Istnieją również nowoczesne dzieła, w tym Skrypt Kuenstlera. Są wspólne dla bardzo eleganckich i podwyższonych wzorów typograficznych i nie nadają się do kopiowania treści.

Nieformalne scenariusze bardziej przypominają współczesne pismo odręczne i pochodzą z połowy XX wieku. Są znacznie mniej formalne, często mają silniejsze pociągnięcia i bardziej przypominają pędzel. Zwykłe skrypty obejmują Mistral i Brush Script.

Wyświetl kroje pisma

Kroje pisma są prawdopodobnie najszerszą kategorią i obejmują najwięcej odmian. Główną cechą jest to, że nie nadają się do kopiowania treści i najlepiej nadają się do nagłówków lub innych krótkich kopii, na które należy zwrócić uwagę. Kroje pisma mogą być formalne lub nieformalne i wywoływać każdy nastrój. Są częściej spotykane w projektach drukowanych, ale stają się coraz bardziej popularne w Internecie za pomocą czcionek internetowych.

Wśród krojów wyświetlanych są również kroje pisma, które były oryginalnymi krojami stosowanymi w pierwszych maszynach drukarskich. Od tego czasu opracowano lepsze, bardziej czytelne czcionki.

Dingbaty i kroje specjalne

Dingbaty to specjalne czcionki, które składają się z symboli i ozdób zamiast liter. Wingdings jest prawdopodobnie najbardziej znaną czcionką dingbat, chociaż obecnie istnieją tysiące, często tworzone wokół motywów.

Powyższy krój pisma to Jellodings.
Czcionki proporcjonalne kontra monospacowe

W czcionkach proporcjonalnych przestrzeń, jaką zajmuje znak, zależy od naturalnej szerokości tego znaku. Na przykład „i” zajmuje mniej miejsca niż „m”. Times New Roman to proporcjonalny krój pisma. Z drugiej strony w krojach pisma monospace każda postać zajmuje tyle samo miejsca. Węższe postacie po prostu mają trochę więcej odstępów wokół nich, aby zrekompensować różnicę szerokości. Courier New to jeden przykład kroju pisma monospace.

Nastrój krojów pisma

Nastrój kroju pisma jest ważną częścią tego, jak należy go używać. Różne kroje mają uderzająco różne nastroje. Powszechnie używane nastroje to formalne kontra nieformalne, nowoczesne kontra klasyczne / tradycyjne oraz lekkie kontra dramatyczne. Niektóre kroje mają bardzo odmienne nastroje. Na przykład Times New Roman prawie zawsze będzie tradycyjną czcionką, dlatego jest tak często używany w korespondencji biznesowej. Z drugiej strony Verdana ma bardziej nowoczesny nastrój.

Niektóre kroje pisma są bardziej transcendentne i mogą odzwierciedlać prawie każdy nastrój w oparciu o treść i inne kroje, z którymi są połączone. Helvetica jest często uważana za jedną z takich czcionek.

Wagi i style

W większości krojów znajdziesz więcej niż jeden styl i / lub wagę. Ciężary są często klasyfikowane jako „lekkie”, „cienkie”, „regularne”, „średnie”, „pogrubione”, „ciężkie” lub „czarne”. Każdy z nich odnosi się do grubości kresek tworzących znaki:

Istnieją trzy ogólne style z wieloma krojami pisma: kursywa, ukośne i małe litery. Małe litery są często używane w nagłówkach lub podtytułach, aby urozmaicić twoją typografię, jeśli używasz pojedynczego kroju.

Kursywa i skośne są często mylone lub używane zamiennie, ale są to dwa różne style. Typ skośny to po prostu skośna wersja zwykłych znaków. Można to utworzyć za pomocą funkcji „zniekształcania” w Photoshopie, chociaż czasami w ty dołączana jest osobna skośna czcionka.

Kursywa jest pochylona jak ukośne, ale w rzeczywistości jest osobnym zestawem znaków, z własnymi unikalnymi literami.

Anatomia kroju pisma

Różne kształty liter w kroju pisma mają kilka wspólnych cech. Te cechy mogą być ważne przy ustalaniu, czy dwa (lub więcej) krojów dobrze współpracują ze sobą, czy też kolidują. Oto najbardziej podstawowe części kroju pisma:

Powyższy obraz pokazuje różne wytyczne, które są na ogół obecne w kroju pisma. Linia bazowa to niewidoczna linia, na której siedzą wszystkie postacie. Zaokrąglone litery czasami znajdują się nieco pod linią bazową, a zejście zawsze spada poniżej tej linii. Dany krój pisma będzie miał spójną linię bazową.

Linia średnia jest wysokością większości małych liter w kroju pisma i jest ogólnie oparta na małej „x”, jeśli występują różne wysokości między małymi literami. Stąd pochodzi również termin „wysokość x”. Wysokość czapki to odległość między linią bazową a górą wielkich liter, takich jak „A”.

Powyższa ilustracja pokazuje trzy typowe części form literowych. Trzon jest głównym pionem każdej litery, w tym pierwotną przekątną. Można to uznać za kotwicę postaci. Pasek to dowolna część pozioma, która czasami nazywana jest również ramieniem. Miska jest zakrzywioną częścią postaci, która tworzy wewnętrzną pustą przestrzeń. Wnętrze miski jest blatem.

Znakiem wstępnym małej litery jest dowolna część, która unosi się powyżej linii środkowej, na przykład pionowe litery „d”, „h” i „b”. Zstępniki to części małych liter, które opadają poniżej linii podstawowej, na przykład litery „p”, „q” lub „g”.

Serify to dodatkowy rozkwit pod koniec pociągnięcia na czcionkach szeryfowych. Niektóre kroje mają bardzo wyraźne szeryfy, podczas gdy inne są ledwo rozróżnialne.

Przysłona znaku odnosi się do otworu u dołu niektórych znaków, takich jak wielkie litery „A” lub małe litery „m”. Ucho jest ozdobnym przedłużeniem litery, jak podkreślono na „g” powyżej. Linie włosów to najcieńsza część kroju pisma szeryfowego.

Poprzeczki to poziome pociągnięcia, które znajdują się na wielkich literach „A” i „H”. Terminale znajdują się tylko na znakach szeryfowych i są końcem każdego wiersza, który nie ma szeryfa. Pętle znajdują się na niektórych małych literach „g” i mogą być całkowicie zamknięte lub częściowo zamknięte.

Ostrogi są małymi projekcjami po zakrzywionych pociągnięciach, na przykład na niektórych wielkich literach „G”. Łącza łączą górną i dolną misę podwójnie ułożonych małych liter „g”. Kręgosłup jest zakrzywionym pociągnięciem znajdującym się na literze „s”.

Ogony są czasami dekoracyjnymi pociągnięciami opadającymi, jak widać na dużej „R”. Końce są zwężającymi się zakończeniami niektórych pociągnięć. Barki to wszelkie zakrzywione pociągnięcia, które pochodzą z łodygi.
W części 2…

W następny poniedziałek omówimy kompozycję akapitu i użycie specjalnych znaków typograficznych, takich jak ligatury i łączniki. Zagłębimy się w podstawowe układy typograficzne i sposób decydowania o kroju pisma dla twojego projektu. Bądźcie czujni!