КАК ВЫБРАТЬ ШРИФТ
Категории шрифтов, сочетания и советы
  • дизигнер
    макетики сделяль, посмотри плиз
  • заказчик
    нужно поиграть со шрифтами!
  • дизигнер
    кажется я проиграл(

категории

Гарнитуры разделяют на антикву и гротеск. Антиква - с засечками. Гротеск - без засечек. Засечки помогают взгляду цепляться за буквы, из-за чего читать быстрее и проще. Антиква используется в элегантных, исторических и премиальных продуктах. Гротеск используется в современных, архитектурных и цифровых продуктах
Категории делятся на подкатегории

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

А вот дальше появилась улучшенная её версия - антиква старой школы. Имеет много общего с рукописным текстом, используется для подчеркивания историчности и создания эффекта человеко-ориентированности (френдли)

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

Есть еще и креативная антиква латинского стиля, отличается наклонной осью, можно назвать логическим продолжением антиквы старой школы с уклоном в дружественность

Обе эти подкатегории лучше использовать только для заголовков
Если нужно привлечь внимание, подойдут две следующие подкатегории

Антиква брусковая - аналог геометрического гротеска. Отлично для архитектурных продуктов. Еще известна как египетская антиква

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

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

Подбираем шрифт для архитектурного или футуристичного продукта? На помощь спешит геометрический гротеск
Требуется показать френдли? Гуманистический гротеск идеально справится с задачей.

Нужно что-то совсем нестандартное? Выбираем антикву-гротеск
Есть еще и другие категории, которые используются почти никогда

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

Акцидентные - рукописные, трафаретные и декоративные
КАК СОЧЕТАТЬ
Шрифт может как просто сочетаться (матчиться) по стилю с тематикой продукта, так и выделять продукт на полке

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

Шрифты используются для двух целей:

  1. Вызвать ассоциативную связь с брендом, чтобы его можно было узнать по рекламе, даже без логотипа. Чем уникальнее и креативнее шрифт (в разумных рамках), тем лучше
  2. Донести информацию и задать характер - главная цель в дизайне цифровых продуктов
Несколько примеров сочетаний:
ХОРОШИЙ ШРИФТ
  1. Читабельный - имеет корректный размер, интерлиньяж и контраст
  2. Уместный - подчеркивает характер продукта
  3. Унифицированный - не более 2-х гарнитур

Советы

1
Отточите базовые навыки
Научитесь получать хороший результат, используя популярные гарнитуры
2
Не забывайте про гайдлайны
При разработке продуктов под устройства от Apple нужно использовать шрифт San Francisco, под устройства от Google - Roboto. Крупные корпорации имеют свой шрифт, который нужно будет использовать во всех продуктах компании
3
Не используйте больше двух гарнитур
В идеале одну
4
Не забывайте про системные шрифты
Если продукт внутрикорпоративный или персональный, то может будет достаточно и системных шрифтов? Разработчики скажут спасибо
5
Не нарушайте лицензии по возможности
Шрифт является объектом интеллектуальной собственности, как и изображения, видео и тп. Поэтому важно обращать внимание на лицензирование, чтобы компания не получила штраф

Интерлиньяж, трекинг и кегль

Гарнитуры с одинаковыми параметрами выглядят по-разному. К каждой гарнитуре нужен индивидуальный подход, настройки лучше подбирать "на глаз"
Ключевые настройки 3: интерлиньяж, трекинг и кегль. В разработке их называют "line-height", "letter-spacing" и "font-size"
Интерлиньяж определяет скорость построчного считывания. Сделаешь его слишком низким - текст получится слипшимся и мы будем теряться в строках. Слишком высоким - будет сложно перескакивать на строки, появятся паузы и дискомфорт
Чем крупнее заголовок, тем меньше интерлиньяж

Обычно средний размер шрифта умножают на 1.5, но формула не всегда работает, так как гарнитуры разные. Я советую выбирать интерлиньяж "на глаз"
Чем мельче, тем выше интерлиньяж
С трекингом всё аналогично. Выбираем баланс между слипшимся текстом и разряженным. У заголовков трекинг ниже, у мелкого текста выше

С кеглем всё просто - заголовки разного размера должны явно отличаться между собой, должна прослеживаться ступенчатость

полезные ссылки

Бесплатный пакет шрифтов в закрепленном сообщении в телеграме

ЧТО ПОСМОТРЕТЬ

ПОХОЖЕЕ
    Made on
    Tilda