Блог Perkova&Perkova

Как выбрать шрифтовую пару для учебного проекта

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

Материал для сравнения

Условный проект — страница литературного вечера. Подготовьте название «Город в современной прозе», абзац из пяти предложений, дату «18 ноября, 19:00» и подпись к портрету ведущего. Эти тексты покажут кириллицу, цифры, знаки препинания и несколько уровней информации. Красивого английского образца для проверки недостаточно.

Три решения для одного содержания

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

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

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

Практика и приёмка

  1. Соберите три версии, сохранив ширину блока, содержание и расположение элементов.
  2. Сравните их в обычном масштабе. Проверьте буквы «д», «ж», «й», кавычки, тире, дату и жирное выделение.
  3. На узком экране прочитайте весь абзац и проверьте перенос названия. Отдельно убедитесь, что нужные начертания доступны для использования на сайте на подходящих условиях.
  4. Попросите читателя найти дату, затем пересказать тему вечера. Запишите затруднения, а не только предпочтение по красоте.

Принимайте пару, если роли понятны, кириллица выглядит согласованно, длинный текст читается без напряжения, а название не требует ручной подгонки на каждом экране. В портфолио покажите выбранный вариант и один отклонённый с объяснением. Такой разбор полезен и клиенту: он связывает оформление с содержанием события.

Дальше разберите читаемость абзаца и типографическую иерархию. Перед выбором дальнейшей практики сравните задания и условия продуктов в подборке курсов Perkova&Perkova.

Обучение веб-дизайну