<b>Размер шрифта в мобильной верстке: 7 ошибок, которые ломают читабельность</b>
Размер текста на мобильном — это не «поставить побольше, чтобы было видно». Слишком мелкий шрифт заставляет щуриться, слишком крупный рвет ритм и съедает экран. И то, и другое повышает шанс, что пользователь просто уйдет.
— Не смешивайте слишком много кеглей: для основного текста обычно хватает одного размера, для заголовков — 2-3 уровней.
— Не опирайтесь только на пиксели: на разных устройствах один и тот же размер выглядит по-разному, важнее визуальная иерархия.
— Не делайте длинные строки мелким кеглем: чем уже экран, тем критичнее межстрочный интервал и длина строки.
— Не забывайте про контраст: светло-серый текст на белом фоне «дробится» сильнее, чем кажется на макете.
Хорошая привычка — проверять не только макет, но и реальный экран: текст должен читаться без зума, а кнопки и подписи не должны спорить друг с другом за внимание. Если сомневаетесь, уменьшайте количество акцентов, а не размер основного текста.
Мобильная верстка: лучшее
@mobile_first_design_tips_ww
<b>Размер шрифта в мобильной верстке: 7 ошибок, которые ломают читабельность</b>
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.