Как и где находить подходящие шрифты для своих проектов

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

Привет! Я — Максим Ануфриев — свободный дизайнер, основатель наставничества #ownway, ментор и спикер образовательных курсов по UX/UI-дизайну. Моя миссия — передавать опыт через эстетику веб-дизайна.

(всё сказанное является опытом — и не является панацеей)

Для начала давайте поговорим про "юридическую" сторону вопроса.

Есть два основных типа шрифтов, которые отличаются лицензией:
1) для личного использования (personal use)
2) для коммерции (commercial use)

Personal use означает, что такие шрифты можно использовать только в личных (некоммерческих) целях. Это может быть портфолио или дизайн-концепция, которая не будет использоваться на реальных сайтах.

Commercial use — шрифты, которые вы можете применять не только в личных целях, но и в коммерческих проектах. Коммерческое использование сводится ко всему, что связано с бизнесом: веб-интерфейсы, реклама, маркетинг, социальные сети, блоги и многое другое.

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

1. Шрифты с засечками (serif, антиква)

Они наиболее подходят "утончённым" нишам и бывают старого, переходного и нового стиля.

2. Шрифты без засечек (sans serif, гротеск)

Подходят для большинства ниш и типов сайтов и являются одними и самых универсальных.

3. Брусковые шрифты (Slab)

Они очень сильно напоминают антиквы, однако являются более массивными и удобочитаемыми.

4. Акцидентные (Display)

Чаще всего используются для акцентирования заголовков или отдельных фраз наборного текста.

5. Рукописные (handwriting)

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

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

Кроме того, обращайте внимание знаки (точки, запятые, тире и т.д.), а также на цифры. Далеко не во всех (на первый взгляд красивых) шрифтах хорошо проработаны цифры. Бывают и кривые, и косые, и даже чересчур декоративные))

Один из самых ярких примеров — шрифт Cormorant.

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

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

Но, в любом случае, с ростом вашей насмотренности вы сможете "улавливать" стилистику шрифтов и правильно комбинировать их.

И напоследок, поделюсь с вами сайтами, с помощью которых вы 99,9% найдёте подходящий шрифт.

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

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

Font share — это бесплатный сервис шрифтов, запущенный Indian Type Foundry (ITF). Это растущая коллекция шрифтов профессионального уровня, которые на 100% бесплатны для личного и коммерческого использования.

Fonts In Use — это общедоступный архив типографики, индексированный по шрифту, формату, отрасли и периоду.

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

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

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

Хотите научиться создавать качественные эстетичные интерфейсы?

Welcome https://ownwayschool.ru/

Делитесь в комментариях своими наработками и сервисами, которые вы используйте при работе с типографикой)