Инфа из этого материала поможет тебе и правильно выбрать шрифт, и обосновать свой выбор перед клиентом/командой.

Для кого это?

Разбираться в шрифтах полезно всем фрилансерам. Если ты Software Engineer или Web Developer, то тебе понадобится сделать портфолио, а когда придет время запускать собственный стартап – оценивать работу веб- и граф-дизайнеров. Чем больше мы пишем, тем больше убеждаемся: многие навыки универсальны. Типографика – один из них. Наряду с аватаром клиента, кстати.

Рукописные, с засечками и без

Шрифты можно разделить на 2 больших класса: по анатомии и по назначению.

Анатомия:

• антиквы – с засечками, Serif;
• гротески – без засечек, Sans Serif;
• рукописные.

Еще есть Slab Serif – брусковые шрифты с выразительными прямоугольными засечками. И миксы Serif и Sans Serif, в которых сочетаются символы с засечками и без.

Назначение:

• Краткие формы: заголовки, слоганы.
• Длинные формы: тексты.

Также на выбор шрифта влияет будущий носитель. Откуда будет читаться текст: сайт, приложение, картинка в соц. сети, полиграфия (буклеты, визитки), баннер, etc.

Длинные формы – антиквы, краткие – гротески

Для заголовков, подзаголовков, слоганов и команд используй шрифты без засечек из семейства Sans Serif. Проверенные примеры: Helvetica, Helvetica Neue, Avenir, Tahoma. Такая типографика хорошо работает на сайтах, в приложениях, лого и графических продуктах.

Для длинных текстов: статьи, описания категорий, письма, etc, используй шрифт с засечками, семейство Serif. Длинный текст с такой типографикой удобнее для чтения. Проверенная классика для длинных форм: Calluna, Georgia.

Рукописные шрифты – для декора

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

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

Контекст решает все

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

Рекомендации:

1. Квадратные и насыщенные шрифты настраивают читателя на серьезность. Хорошо работают в рекламе промышленных товаров и технологичной продукции.  
2. Округлые широкие шрифты ассоциируются с комфортом и уютом: товары для дома, детские товары. 
3. Близкие к рукописным, с овальными формами и завитками: для открыток в стиле Pop, товаров для ухода и красоты категории масс-маркет.

Главное: шрифт должен дополнять продукт и носитель, а не контрастировать с ним. Услуги адвоката или политтехнолога, описанные шрифтом Starborn (как с упаковки куклы барби) будут восприниматься странно. Детский аниматор с типографикой на сайте в духе готического алфавита – тоже. Что делать?

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

Все еще немного сложнее

Кроме конструкции и смысловой нагрузки шрифта важна типографическая верстка:

• Размер шрифтов и насыщенность: полужирный, жирный.
• Начертание: прямой, курсив.
• Межбуквенный и межстрочный интервал.
• Цвет.

Хочешь прокачаться в типографике? Научиться разбираться в стилях шрифтов и выбирать правильные под разные задачи? Регистрируйся на коучинг «Графический дизайнер: вектор бренда». Здесь сильный блок по типографике: от основ и инструментов работы с текстом до семейств шрифтов и правильного применения в зависимости от контекста. 

P.S. Вот несколько полезных сайтов по шрифтам:

• What The Font: распознает шрифты с картинок
• Google Fonts: сотни бесплатных шрифтов
• MyFonts: 130 000 шрифтов на продажу

По материалам: wayup.in