Дизайнерский мем “поиграйтесь со шрифтами” будет жизненным всегда, если ты проектируешь сайты и приложения, делаешь лого, графику и полиграфию. Уметь работать с типографикой важно, как и защищать работу перед клиентом и принимать правки так, чтобы проект можно было добавить в портфолио.
Инфа из этого материала поможет тебе и правильно выбрать шрифт, и обосновать свой выбор перед клиентом/командой.
Для кого это?
Разбираться в шрифтах полезно всем фрилансерам. Если ты 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.
РУКОПИСНЫЕ ШРИФТЫ – ДЛЯ ДЕКОРА
Рукописные шрифты в дизайне могут стать поводом для холивара. Одни считают: типографика должна быть емкой, читабельной и минималистичной. Другие (в основном клиенты) хотят иногда элегантности, утонченности и роскоши.
Рукописные шрифты с вязью и завитками читаются труднее антикв и гельветики, используются скорее для декора, чтобы привлечь внимание. Их можно встретить на лого, печатной продукции типа флаеров и визиток, открытках, в книжном издательстве. Использовать рукописные шрифты или нет – вопрос твоего вкуса и заказа.
КОНТЕКСТ РЕШАЕТ ВСЕ
Мы писали о том, что выбор цветов в дизайне зависит от контекста: тематики продукта, вкусов аудитории, желаемых эмоций и ассоциаций. С типографикой та же история. Шрифты несут смыслы и вызывают ассоциации. Как и цвета, шрифты должны гармонировать с продуктом и носителем, правильно “отыгрывать” на аудиторию, восприниматься так, как тебе бы этого хотелось.
Рекомендации:
- Квадратные и насыщенные шрифты настраивают читателя на серьезность. Хорошо работают в рекламе промышленных товаров и технологичной продукции.
- Округлые широкие шрифты ассоциируются с комфортом и уютом: товары для дома, детские товары.
- Близкие к рукописным, с овальными формами и завитками: для открыток в стиле Pop, товаров для ухода и красоты категории масс-маркет.
Главное: шрифт должен дополнять продукт и носитель, а не контрастировать с ним. Услуги адвоката или политтехнолога, описанные шрифтом Starborn (как с упаковки куклы барби) будут восприниматься странно. Детский аниматор с типографикой на сайте в духе готического алфавита – тоже. Что делать?
Изучить аудиторию: вкусы, бекграунд, триггеры. Проанализировать продукт и сформулировать, как его визуальная оболочка должна коммуницировать с аудиторией.
ВСЕ ЕЩЕ НЕМНОГО СЛОЖНЕЕ
Кроме конструкции и смысловой нагрузки шрифта важна типографическая верстка:
- Размер шрифтов и насыщенность: полужирный, жирный.
- Начертание: прямой, курсив.
- Межбуквенный и межстрочный интервал.
- Цвет.
Хочешь прокачаться в типографике? Научиться разбираться в стилях шрифтов и выбирать правильные под разные задачи.
ДаБудетСайт | Студия веб-дизайна | Смоленск
+7 (910) 717-72-30
https://dabudetsite.ru