Размер шрифта в мобайле: где интерфейс ломается чаще всего

Размер шрифта в мобайле: где интерфейс ломается чаще всего

Размер текста — не про «красиво», а про скорость чтения и ошибки в тапах. На мобильном экране слишком мелкий кегль заставляет скроллить и напрягать зрение, а слишком крупный — рвёт ритм и съедает полезную площадь.

Проверяйте 4 зоны: • основной текст — должен читаться без зума; • подписи и второстепенные элементы — не делать их одинаково важными с заголовком; • кнопки — текст в CTA обязан помещаться в одну строку; • формы — плейсхолдер не должен быть единственным ориентиром. Если всё выглядит «ровно», но элементы начинают расползаться, значит размер выбран на глаз, а не по сетке.

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

Главное правило: сначала проверьте читаемость на маленьком экране, потом уже подгоняйте эстетику. Если текст нужно всматриваться — он уже проиграл.