Мобильная верстка: лучшее

<b>Размер шрифта в мобильной верстке: 5 правил, которые спасают читабельность</b>

<b>Размер шрифта в мобильной верстке: 5 правил, которые спасают читабельность</b>

Шрифт на мобильном — это не про «красиво», а про скорость чтения. Если текст приходится увеличивать глазами, интерфейс уже проиграл.

— Основной текст держите в диапазоне 15–18 px: меньше — устают глаза, больше — ломается ритм экрана.
— Межстрочный интервал делайте щедрым: тесные строки выглядят плотным блоком и хуже сканируются.
— Заголовки должны заметно отличаться от текста, но не кричать: разница в размерах важнее декоративности.
— Не полагайтесь только на жирность: один и тот же кегль с разным весом решает не все.
— Проверяйте текст на длинных словах и переносах: именно они чаще всего ломают сетку на узких экранах.

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

Хорошая проверка простая: откройте экран на маленьком устройстве и прочитайте его без зума. Если взгляд не спотыкается, размер шрифта выбран верно.
Этот пост опубликован в Telegram-канале Мобильная верстка: лучшее. Подписаться можно по ссылке: @mobile_first_design_tips_ww.
editorial

Свежие посты в категории «Editorial Voice & Insider»

Все каналы категории →

start

Готовы запустить рекламу через сеть public.tg?

Новый оффер, продукт, GEO, кейс, событие или партнёрский запуск — соберём маршрут под задачу и отдадим медиаплан.

Telegram для медиаплана: @dumay. Быстрый тест: $20 за канал, $1000 за пакет по сети.