Типографика: основные виды и характеристики шрифтов

Гармонично подобранный шрифт не только доносит информацию до аудитории, но и визуально дополняет проект. Ошибка в выборе шрифта может испортить впечатление и оттолкнуть зрителя от продукта, будь то афиша, вывеска магазина или кафе, упаковка товара, веб-сайт или приложение.

Интуитивно подбирать шрифты для проектов — мечта новичков и рядовая задача профессиональных дизайнеров. Чтобы из первой категории попасть во вторую, нужны годы тренировок и изучения типографики, насмотренность и теоретические знания о шрифтах.

Типографика: основные виды и характеристики шрифтов

Современная типографика предоставляет дизайнеру выбор из тысяч шрифтовых гарнитур. Рассказываем, как сориентироваться на первых этапах, чтобы найти подходящий шрифт.

Основные понятия типографики

Апертуры, засечки, начертания, стемы, арки, влития — от терминов, используемых в типографике, может закружиться голова. Особенно опасно погружаться в терминологию тем, кто только-только начинает знакомство со шрифтами.

Выдыхаем: многие из слов, используемых шрифтовыми дизайнерами, можно обойти стороной на первых шагах дизайна. Однако часть терминов полезно знать: так будет легче понять, на какие критерии смотреть при выборе шрифта.

Собрали мини-словарик терминов типографики.

  • Шрифтовое семейство — набор разных шрифтов в одной гарнитуре. Шрифтовое семейство может включать разные шрифты по назначению, жирности и даже по стилю.
Типографика: основные виды и характеристики шрифтов
  • Начертание — шрифт одной жирности. В шрифтовой гарнитуре может быть как 3 начертания, так и 9, от самого тонкого к самому жирному. Распространённые начертания: Thin, Regular, DemiBold, Bold.
Типографика: основные виды и характеристики шрифтов
  • Засечки — это короткие дополнительные штрихи на конце основных элементов знака и перпендикулярные им.
Типографика: основные виды и характеристики шрифтов
  • Кегль — так обозначают высоту символов шрифта, то есть размер по вертикали.

Какими бывают шрифты (классификация)

Единой классификации шрифтов, которой пользуются все дизайнеры, нет.

Можно разделять шрифты по историческим эпохам, в которые они появлялись, по визуальной форме, назначению. Остановимся на типах шрифтов, знание которых точно пригодится в современной типографике.

По назначению можно выделить акцидентные и текстовые шрифты.

Акцидентные — шрифты, которые иногда называют заголовочными, так как ими оформляют заголовки или выделяют броские надписи. Это выразительные шрифты, которые приковывают взгляд зрителя.

Типографика: основные виды и характеристики шрифтов

Текстовые — шрифты для набора текста, могут называться наборными. Это шрифты с более спокойным характером, с высокой читаемостью даже в мелких текстах. Хороший текстовый шрифт не отвлекает от чтения, выглядит цельно и приятно.

Типографика: основные виды и характеристики шрифтов

Стилей шрифтов много, остановимся на самых распространённых: гротесках, антиквах и брусковых шрифтах.

Гротески — группа шрифтов без засечек. Это универсальные шрифты, функциональные и чаще спокойные по характеру.

Типографика: основные виды и характеристики шрифтов

Антиквы — группа шрифтов с засечками. Это шрифты чаще с классическим, элегантным или консервативным характером.

Типографика: основные виды и характеристики шрифтов

Брусковыми называют шрифты с брутальными, мощными засечками.

Типографика: основные виды и характеристики шрифтов

Многие шрифты не попадают в конкретную группу и находятся на стыке стилей.

Характеристики шрифтов

Назначение шрифта или стиль — далеко не всё. Каждый шрифт обладает своим характером.

Характерность шрифта — то, что выделяет гарнитуру среди остальных. Особые визуальные приметы, пропорции, графические особенности.

Студия TypeType, например, использует простые описания, которые помогают дизайнерам выбрать правильную сферу применения шрифта. Гарнитура может быть нейтральной по характеру, тогда сфера применения будет достаточно широкой, а может обладать выразительным характером: брутальным, технологичным, изящным.

Типографика: основные виды и характеристики шрифтов

Есть и другие характеристики, по которым шрифты могут отличаться: шириной, контрастом штрихов или букв, насыщенностью.

Широкий шрифт TT Norms® Pro Expanded относительно классического TT Norms® Pro
Широкий шрифт TT Norms® Pro Expanded относительно классического TT Norms® Pro
Контраст — разница толщин между тонкими и жирными штрихами в знаках. TT Marxiana — шрифт с высоким контрастом
Контраст — разница толщин между тонкими и жирными штрихами в знаках. TT Marxiana — шрифт с высоким контрастом
Начертание Regular менее насыщенное, чем начертание Black
Начертание Regular менее насыщенное, чем начертание Black

Как определить хороший шрифт

Хороший шрифт — это гарнитура, подходящая проекту по характеру, ассоциациям и визуальному стилю. Любой шрифт может быть подходящий, если правильно его применять.

Плохих шрифтов не бывает, есть некачественные. С такими шрифтами сложно работать, так как набранный таким шрифтом текст не будет выглядеть гармонично, буквы могут наезжать друг на друга или, наоборот, быть слишком далеко. С подобными шрифтами невозможно работать, поэтому перед приобретением шрифта проверяйте его качество. Это можно сделать, скачав бесплатную версию, — такую возможность предоставляют многие студии.

Как подбирать шрифты

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

Однако есть рекомендации, которые помогут выбрать подходящий шрифт.

1. Внимательно изучите характер шрифта, сравнивая его с позиционированием проекта. Например, если шрифт описан как «мягкий, плавный и воздушный», лучше выбрать его для компаний с таким же позиционированием, например, для бренда одежды, сшитой из натуральных тканей. Бренду в сфере IT такой шрифт вряд ли подойдёт, лучше подобрать что-то технологичное, а для банка или медицинской компании поискать более классический, традиционный шрифт со спокойным характером.

2. Тестируйте! Например, студия TypeType предоставляет триальные, то есть бесплатные, версии своих шрифтов для того, чтобы дизайнер мог примерить шрифт к проекту и решить, стоит ли покупать лицензию. Уточняйте про такую опцию у компании, выпустившей понравившийся шрифт, — часто крупные студии предоставляют бесплатные тестовые версии своим клиентам.

Как выбирать размер шрифта

Шрифт должен выполнять свои цели, то есть хорошо читаться — в случае с массивом текста, и привлекать внимание — в случае с заголовками.

На практике лучше протестировать несколько размеров, чтобы выбрать самый комфортный. Всё зависит от того, где применяется шрифт: в вебе или печатной продукции, в плакатах или в приложении, в книге или на вывеске магазина.

Сочетание шрифтов (шрифтовые пары)

Для каждого проекта лучше использовать не более двух шрифтов — это негласное правило типографики. Конечно, могут быть исключения, но разумнее использовать в дизайне шрифтовые пары.

Шрифтовая пара — это два шрифта, безупречно сочетающиеся друг с другом. Они могут смотреться выигрышно из-за схожести характера или, наоборот, быть привлекательными из-за визуального контраста.

Сочетание изящной антиквы TT Livret Display и нейтрального гротеска TT Commons Pro выглядит привлекательно и гармонично
Сочетание изящной антиквы TT Livret Display и нейтрального гротеска TT Commons Pro выглядит привлекательно и гармонично
Универсальный гротеск TT Norms® Pro и антиква TT Norms® Pro Serif — специально созданная шрифтовая пара в рамках одного семейства. Идеальный шрифтовой дуэт!
Универсальный гротеск TT Norms® Pro и антиква TT Norms® Pro Serif — специально созданная шрифтовая пара в рамках одного семейства. Идеальный шрифтовой дуэт!

Обзор популярных шрифтов. Где брать шрифты (бесплатные, платные) ?

Новые шрифты выходят на площадки каждый месяц, и топы популярных гарнитур регулярно обновляются. Бесплатные шрифты можно найти на GoogleFonts, а большая коллекция шрифтов представлена на площадке MyFonts, там же публикуются рейтинги самых востребованных гарнитур. Приобретать шрифты можно персонально у студий, чьи гарнитуры привлекают внимание. Например, коллекция шрифтов TypeType регулярно обновляется, а тем, кто приобретает шрифты напрямую, предоставляются персональные скидки: https://typetype.ru/fonts/.

Типографика: основные виды и характеристики шрифтов

Программы для работы со шрифтами и текстом

Практически все современные программы для работы с графикой и текстами, с версткой или монтажом видео поддерживают современные шрифты.

Типографика: основные виды и характеристики шрифтов

Полезные ссылки: что почитать о типографике?

Познакомиться с классификацией шрифтов можно на сайте или в книге «Letter Fountain», Taschen.

Чтобы узнать, как создаются шрифты и по какой логике формируются гарнитуры разных стилей, прочитайте книгу Геррита Ноордзея «Штрих. Теория письма». Это классическое издание, которое будет полезно не только шрифтовым дизайнерам, но и тем, кто хочет лучше понять типографику.

Заключение

Типографика может показаться сложной, но только издалека. Чем больше вы будете погружаться в изучение шрифтов, тем лучше будете понимать, как и какие шрифты лучше подойдут для ваших проектов.

Начинайте путь знакомства со шрифтами постепенно, постоянно пополняя знания и применяя их на практике.

1515
2 комментария

Ребята, вы очень крутые.
Но пожалуйста перестаньте публиковаться по выходным, еще и в 11 вечера.
Тут только я и пауки 🕸️

2

Спасибо за обратную связь)

1