Не в характере
Строгий юридический сервис, набранный игривым рукописным шрифтом, теряет доверие.
ЮристыЮридическое бюро
ШРИФТ ПО ДЕЛУ / ПРАКТИЧЕСКИЙ ГИДЧек-лист ↗
ШРИФТ
ПО ДЕЛУ.
Как выбрать
шрифт для проекта.
Не ищи «самый красивый». Найди тот, который помогает тексту решать задачу: объяснять, убеждать, продавать или вести по интерфейсу.
Разобраться в буквах ↓ХАРАКТЕР. ФОРМА. СМЫСЛ.
Хороший шрифт начинается с хорошего вопроса.Листай, сравнивай, пробуй ↓
02 / ПОЧЕМУ ШРИФТ ЧАСТО НЕ РАБОТАЕТ
Красиво —
ещё не значит уместно.
Промах обычно случается не потому, что шрифт плохой. Его выбирают под настроение, а текст ставят в контекст, который диктует другие правила: в мобильный интерфейс, в нейтральный тон, в размер, где нужна ясность.
Не в масштабе
Тонкие штрихи и закрытые формы, которые красивы крупно, могут исчезнуть в подписи 12 pt.
Буквы красивые, лёгкие, воздушные,
но здесь слишком мало пространства,
чтобы прочитать их без усилий.
но здесь слишком мало пространства,
чтобы прочитать их без усилий.
Не для носителя
Плакат читают издалека, интерфейс — в движении, статью — долго. Требования разные.
ПлакатныйДиджиталСлишком сложная подпись
03 / ЧЕТЫРЕ ПРИЗНАКА, КОТОРЫЕ НУЖНО ВИДЕТЬ
Сначала посмотри
на форму букв.
Не нужно быть типографом: эти четыре признака помогают быстро понять, почему шрифт воспринимается строго, мягко, дорого или легко читается.
Aa ≠ Aa
Небольшие «хвостики» на концах штрихов. Есть — перед тобой антиква или брусковый шрифт; нет — гротеск.
Aa
Разница между толстыми и тонкими штрихами. Высокий контраст — изящнее, но часто хуже в мелком размере.
c e a
Открытость просветов в «с», «е», «а». Чем формы открытее, тем легче быстро считывать текст.
ШШ
Узкие буквы экономят место, широкие дают воздух. Узкий хорош для плаката, но не для длинного абзаца.
04 / ВИДЫ ШРИФТОВ И ИХ ЗАДАЧИ
Не «красивый».
Подходящий по роли.
Это не жёсткие правила, а рабочая карта. Сначала выбери тип, который поддерживает задачу, — затем сравни конкретные гарнитуры на своём тексте.
Cormorant
Засечки и часто заметный контраст штрихов.
Где работает
Книги, журналы, премиальные бренды, выразительные заголовки.
Осторожно: тонкие детали могут потеряться в мелком веб-тексте.
Golos Text
Без засечек: ясная, строгая, современная, нейтральная форма.
Где работает
Интерфейсы, сервисы, образование, корпоративные сайты, длинный веб-текст.
Осторожно: нейтральный гротеск иногда не даёт бренду нужной эмоции.
Bitter
Прямоугольные тяжёлые засечки, обычно низкий контраст.
Где работает
Упаковка, кафе, ремесленные и исторические проекты, уверенная реклама.
Осторожно: слишком фактурно для очень деликатного тона.
ручная работа
Имитирует почерк: личный, живой, неформальный.
Где работает
Приглашения, авторские продукты, косметика, короткие эмоциональные акценты.
Осторожно: в абзаце рукописный шрифт быстро утомляет — оставь 1–4 слова.
Unbounded
Декоративный или необычный: задача — остановить взгляд.
Где работает
Постеры, кампании, обложки, ивенты, один сильный заголовок.
Осторожно: выразительность важнее скорости чтения — не ставь его в основной текст.
05 / СРАВНИ ПЛАКАТ ДО И ПОСЛЕ
Один текст.
Два впечатления.
Представим плакат камерной выставки керамики. Смысл и композиция одинаковые — меняется только типографическое решение.
КЕРАМИКА
И ТИШИНАКАМЕРНАЯ ВЫСТАВКА
06–17 ОКТЯБРЯ
И ТИШИНАКАМЕРНАЯ ВЫСТАВКА
06–17 ОКТЯБРЯ
Жёсткий тон мешает ощущению пространства. Он конфликтует с темой, ручной природой керамики.
Керамика
и тишинаКАМЕРНАЯ ВЫСТАВКА
06–17 ОКТЯБРЯ
и тишинаКАМЕРНАЯ ВЫСТАВКА
06–17 ОКТЯБРЯ
Смысл ближе: изящный, размеренный и тактильный тон, а материал оставляет ощущение воздушных пауз.
06 / ОДНА ГАРНИТУРА — РАЗНЫЕ ИНТОНАЦИИ
Начертание
меняет смысл.
Не стоит искать вторую гарнитуру. Regular, Bold, Extra Bold, Italic или капс уже создают иерархию и по-разному звучат.
Новая
коллекция
коллекция
Нейтрально и спокойно
Основной текст, пояснения, длинное чтение.
Новая
коллекция
коллекция
Уверенно и ясно
Подзаголовки, важные сообщения, навигация.
Новая
коллекция
коллекция
Громко и решительно
Кампании, акции, главный экран — короткая фраза.
Новая коллекция
Фишка: если иерархия не читается без цвета и картинок, поправь кегль, вес и отступы — не добавляй третий шрифт.
07 / ЧТО ПРОВЕРИТЬ В САМОЙ ГАРНИТУРЕ
Четыре фишки,
которые спасают макет.
Эти свойства особенно важны в интерфейсе, при работе с кириллицей и когда макет увидят не только дизайнеры.
Открытая апертура
Смотри на «с», «е», «а». Чем больше просвет, тем легче быстро читать мелкий текст в интерфейсе.
Высота строчных
Два шрифта в 16 px могут выглядеть по-разному. Большая x-height обычно помогает в подписях и таблицах.
Кириллица — не после
Проверь «Д», «Л», «Ж», «Ф», «Й», кавычки и валюты. Латинский превью не гарантирует хорошую кириллицу.
Не верь одному слову
Тестируй заголовок, абзац, кнопку и цифры. Гарнитура раскрывается в системе, а не в каталоге.
08 / НЕ ПРОПУСТИ ДЕТАЛИ
Шрифт выбран.
Теперь проверь набор.
Даже удачная гарнитура может потерять читабельность из-за размера, плотности строк или неверной лицензии.
Отмечено 0 из 5 — проверь шрифт на своём макете.
09 / КАК ПРИМЕНЯТЬ ГАЙД В РАБОТЕ
Один принцип —
три разных роли.
Необязательно знать названия всех гарнитур. Важно поставить правильный вопрос и проверить решение на своей задаче.
Аня, 24
Веб-дизайнер
Фрилансит из дома, собирает портфолио. Делает сайт для клиента, ищет подходящий шрифт для сайта.
Хочет выбрать шрифт без переделок.
Максим, 32
Моушн-дизайнер
Работает в команде в сфере строительства. Монтирует ролики и создаёт анимацию, ищет шрифт для рекламы.
Хочет читаемый стиль без сложных терминов.
Лера, 27
Ландшафтный дизайнер
Создаёт ландшафтный дизайн и собирает презентации для продажи. Ищет шрифт для презентации.
Хочет быстро находить уместный вариант.
Выбери 2–3 слова о характере проекта, возьми один спокойный гротеск для текста и проверь его на реальном абзаце.
Фокус: не начинай с десятков каталогов — сначала опиши задачу.
Собери минипостер, сравни вес в системе: заголовок, боди, цифры. Таблица, мобильный экран, кириллица.
Фокус: покажи команде не «любимый шрифт», а пару решений с аргументами.
Сформулируй голос бренда и спроси, где шрифт будут жить: сайт, упаковка, презентации, соцсети, печать.
Фокус: запрашивай лицензию, поддержку кириллицы и набор начертаний до утверждения.
Вопросы, которые помогают
понять плохо или хорошо
- Шрифт поддерживает характер?
- Читается в нужном размере?
- Есть кириллица и цифры?
- Роли текста различимы?
- Лицензия покрывает использование?
Если хотя бы на один вопрос нет уверенного ответа — вернись к сравнению кандидатов на своём тексте.
10 / СРАВНИ НА РЕАЛЬНОМ МАКЕТЕ
Внимание должно
оставаться на главном.
Одинаковый продукт, один макет. Удачное начертание помогает прочитать название с первого взгляда.
Плохой пример
Хороший пример
11 / СЛЕДУЮЩЕЕ РЕШЕНИЕ БУДЕТ ПРОЩЕ
Смотри на задачу.
Потом — на буквы.
Шрифт не обязан быть модным или самым необычным. Он должен помогать твоему проекту говорить понятным и уместным голосом.
Сохрани этот порядок и используй его в следующем макете:
задача → аудитория → характер → носитель → проверка
