Freedom EducationМатериалы курса
Статья Freedom / Типографика: шрифты и текст

Как сделать текст в макете удобным

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

Редакция Freedom Education03.10.2026

01Одна шрифтовая семья — хорошая отправная точка

Для первого варианта возьми одну шрифтовую семью с кириллицей и несколькими начертаниями. Проверь цифры, знак рубля, кавычки и длинное тире. Посмотри на шрифт в настоящем тексте проекта: одинаковые буквы в эффектном заголовке и длинный абзац ведут себя по-разному. Условия использования шрифта проверь на сайте автора.

02Создай роли текста

Назначь роли: заголовок страницы, заголовок раздела, основной текст, подпись и кнопка. Начни с основного текста около 16–18 px и комфортного межстрочного интервала; это стартовая настройка, которую нужно проверить на выбранном шрифте. Размеры остальных ролей выбирай относительно него. Каждая роль должна повторяться последовательно.

03Система акцентов — это больше, чем размер

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

04Проверь настоящий материал

Замени рыбу длинными названиями и реальными русскими абзацами. Проверь переносы, фамилии, цены, многострочные кнопки. Сузь макет до телефона и увеличь текст. Если информация обрезается, исправляй контейнер и поведение компонента, а не уменьшай все шрифты.

05Упражнение

Возьми экран с десятью разными текстовыми стилями и сведи их к пяти ролям. После этого попроси человека за пять секунд сказать, что на экране главное. Если ответ не совпадает с задачей, меняй систему акцентов, а не добавляй ещё один стиль.

06Почему текст лучше настраивать раньше декора

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

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