Как да изберете и да сдвоите шрифтове

Изборът на два типа шрифтове вероятно е първата (и често най-трудната) задача, която правите, когато създавате нов дизайн. Много хора се забиват тук, включително и аз.

Наскоро открих прост метод за ефективно сдвояване на шрифтове и с удоволствие бих ги споделил с вас. (Съвет: това е 3 × 3 решетка).

Има една предпоставка да се използва тази 3 × 3 мрежа (която ще разкрия наскоро) - знаейки как да категоризираме шрифтове. Така че, нека започнем от там

Категоризиране на шрифтове

На широко ниво, шрифтовете могат да бъдат разбити на шестте категории. Те са:

  1. Безсерифно
  2. извивка на буква
  3. Серифи от плочи (или египтяни)
  4. Monospace
  5. Сценарий (или Курсив)
  6. Дисплей (или декоративен)

Можете да разделите шрифтовете в първите три категории, като погледнете стила на серифа.

Ако шрифтът не съдържа серифи, те попадат в категорията sans-serif. (sans означава без). Примерите на шрифтове без серифи включват Helvetica и Gill sans.

Ако шрифтът съдържа серифи, които изглеждат блокиращи, те попадат в категорията за серифи на плочи. (плоча означава голям дебел блок). Серифите от плочи също се наричат ​​египтяни, въпреки че няма връзка между серифите и египетските писания. Примери за серифи на плочи включват Archer и Museo Slab.

Всеки друг шрифт, който съдържа серифи, попада в категорията serifi. Примерите включват Гарамонд и Джорджия.

Монопространствените шрифтове не са непознати за нас разработчиците. Те са шрифтове, чиито символи заемат същото количество хоризонтално пространство. Те често се използват в таблични данни и код. Примерите включват Менло и Монако.

Скриптните (или наклонените) шрифтове често са калиграфски по своя характер. Те често се използват за кратки заглавия, покани и изразителен текст. Примерите включват сценарий за танци и омар.

И накрая, шрифтовете на дисплея са шрифтове, които се използват само за големи заглавия. Много типове на дисплея са серифни и sans-serif версии, които са специално ощипани, за да изглеждат добре при големи размери. Шрифтовете на дисплея включват също орнаменти и декоративни елементи, които могат да се предлагат във всякакви форми и стилове. Примерите включват показване на товарен товар и мазнини Abril.

Сега знаете как да класифицирате шрифтове в шест основни категории, което е чудесно! За съжаление, тези основни категории са твърде широки.

За да сдвояваме ефективно шрифтовете, често се налага да проучваме по-задълбочено подкатегориите. Ще разгледаме само сансерифи, серифи и серифи, докато пробиваме по-дълбоко, тъй като повечето варианти за шрифт са направени там.

Нещата започват да се объркват, когато започнете да категоризирате. Има много подкатегории, включително, но не само хуманистичен, нео-хуманистичен, стар стил, гротеска, нео-гротеска, преходен, геометричен и модерен.

Спомнянето на имената на тези подкатегории, разграничаването между тях и правилното поставяне на шрифтове в тях са три основни предизвикателства, с които хората се сблъскват, включително и аз. След много проучвания забелязах, че можете да групирате тези подкатегории в обикновена 3 × 3 мрежа.

За попълване на 3 × 3; решетка, можем да разгледаме три свойства на шрифта. Те са:

  1. Формите на буквите
  2. Ударът
  3. Наклона

За първите две свойства е достатъчно често да разгледаме букви e и o. Третият е лаиков термин, който измислих .

Нека разгледаме всеки от тях.

Формите на буквите

Обърнете внимателно формата на буквите, особено на буквите e и o. Приличат ли на кръгове или квадратчета? Ако го направят, можем веднага да класифицираме шрифта като геометричен шрифт.

Геометричните шрифтове съдържат буквени форми, които са базирани на форми. Те изглеждат конструирани за разлика от ръкописни. Поради това, че изглеждат конструирани, те излъчват и модерна, готина и безлична вибрация.

Геометричната подкатегория е приложима само за шрифтове sans-serif и plate-serif. Така че можем да запълним 3 × 3 решетката, както следва:

По-нататък разглеждаме инсулта.

Контрастът при удари

Ходът на шрифт е линии, които го съставят. Обърнете внимание на тези редове. Различават ли се по размер между различните части на буквите?

Когато разглеждаме хода на шрифт, ние се интересуваме само да го използваме за категоризиране на серифи. Това е така, защото е рядко при серифи и серифи на плочи да се наблюдават различия в удара.

Ако има малък контраст на хода (малка разлика между най-тънката и най-дебелата част), можем да категоризираме шрифта като сериал в стар стил.

Серифите в стар стил са серифи, които са най-старите четими шрифтове (според нашите съвременни стандарти. Blackletter идва преди него, което сега е трудно четимо). Те имитират почерк и по този начин са калиграфски по своя характер, което кара буквите им да се накланят повече (повече на наклона по-късно). Тъй като имитират почерк, те често се разглеждат като истински, съпричастни и традиционни. Известни са и като хуманистични серифи.

От друга страна, ако има огромен ход на контраста, можем да категоризираме шрифта като модерен сериф.

Съвременните серифи са умишлено конструирани така, че да се открояват. Формите им за букви често стоят изправени с нулев наклон, което ги прави готини и безлични, като геометрични шрифтове. Известни са също като рационални серифи и дидони.

И накрая, това, което се крие между модерните серифи и сериалите в стар стил, са преходните серифи. Техният контраст на ударите е отличително по-голям от сериалите в стар стил, но не толкова, колкото съвременните.

След преминаване на удара нашата мрежа 3 × 3 става:

Нека преминем към наклона.

Наклона

Ако начертаете линия през най-тънките точки на удара, ще видите стреса на буквите.

Ако сте обърнали внимание досега, ще забележите, че стресът може да се използва само за разграничаване на серифни подкатегории, защото трябва да начертаете линия през най-тънките части на буквите.

Въпреки че може да изглежда безсмислено да се гледа на стреса, тъй като вече сме подредили серифите в съответните им категории, ми беше полезно да разграничавам хуманистичните и гротескни шрифтове без sans-serif.

Нека обясня.

Формите на писма с диагонален стрес (като серифи в стар стил) изглеждат като наклонени под ъгъл. Тъй като са наклонени, те имитират букви, създадени на ръка. (Не държим писалката напълно изправена, нали?).

Въпреки че буквите o и e не могат да ни кажат дали има стрес, можем да разгледаме други букви, особено тези с рамене, като h, m и n. Ако някое от тези рамене изглежда сякаш е наклонено (или има някакъв стрес), можем да категоризираме шрифта като хуманистичен шрифт.

Пример за хуманистичен шрифтов тип „sans-serif“, който проявява това поведение, е Lucida Sans.

От друга страна, ако буквите изглеждат като изправени, можем да ги категоризираме като гротескни шрифтове. Както можете да си представите, гротескните шрифтове попадат между хуманистични и геометрични шрифтове.

Само за да добавите към своя типографски речник, гротескните шрифтове също се наричат ​​гротеск или готически, в зависимост от езика. Така че, ако видите тези имена на шрифт, веднага ще разберете под коя категория попадат.

Искате пример? Какво ще кажете за Aktiv Grotesk? :)

След като разгледаме наклона, най-накрая можем да попълним 3 × 3 решетката:

И с това приключихме с категоризирането на шрифтовете в съответните им категории и подкатегории.

Преди да преминем към следващия раздел, искам да подчертая, че класификацията на шрифтовете е силно субективна. Всеки класифицира шрифтовете по различен начин, така че просто трябва да решите сами. Някои шрифтове също могат да попаднат в множество подкатегории. Един пример е Proxima Nova, която може да попадне едновременно в трите подкатегории sans-serif.

Използвайки решетката 3 × 3

Ако търсите правила за сдвояване на шрифтове, често ще се натъкнете на следните две правила, наред с други:

  1. Сдвояване на шрифтове sans-serif с шрифтове serif (или с плоска серия)
  2. Сдвояване на шрифтове от същата епоха

Ако следвате първото правило, вие автоматично създавате контраст с двата си шрифта, което е добро нещо. Обяснявам защо контрастът е толкова важен в курса ми по типография, усвояване на отзивчива типография.

Причината специалистите да ви препоръчват да сдвоявате шрифтове от една и съща ера (или дори от един и същ дизайнер), защото тези шрифтове съдържат подобни букви. Подобни буквени форми създават усещане за познатост чрез повторение, поради което различните шрифтове могат да се съчетаят добре помежду си. (Прочетете тази статия обяснение защо повторението създава познатост.)

Случайно (може би не!) Нашата 3 × 3 мрежа ви помага да идентифицирате шрифтове, създадени в една и съща ера, без да помните подкатегориите. Използва се по този начин:

(Това е умопомрачително, нали?)

Обобщавайки

Днес научихте как да категоризирате шрифтовете в шест основни подкатегории и съответните им подкатегории. Научихте и техника за сдвояването им (използвайки решетката 3 × 3).

Сега отидете да играете наоколо с техниката и ме уведомете в коментарите!

Тази статия като извадка от моя отзивчив курс по типография, Овладяване на отзивчивата типография. Можете да го проверите, а също и да научите повече за типографията в моя блог.