Размер шрифта в мобильной верстке: как не сломать читаемость и иерархию

Размер шрифта в мобильной верстке: как не сломать читаемость и иерархию

Размер нельзя выбирать “на глаз”. Для текста нужен один базовый размер, для второстепенных элементов — чуть меньше, а для заголовков — заметно больше. Если шаг между ними слишком маленький, вся страница выглядит плоско; если слишком большой — интерфейс разваливается на куски.

Проверьте три вещи:
— основной текст читается без приближения;
— строка не кажется слишком плотной или слишком рыхлой;
— на кнопках и в подписях нет микрошрифта, который приходится всматриваться.

Не смешивайте много размеров в одном экране. Два-три уровня обычно достаточно: текст, подпись, заголовок. Чем больше градаций, тем сложнее удержать визуальный ритм и тем выше риск, что важные элементы начнут спорить друг с другом.

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

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