Тильда: Мастерская визуального дизайна

Типографика, которая не ломает макет: 7 правил для читаемого сайта

Типографика, которая не ломает макет: 7 правил для читаемого сайта

Если текст на сайте выглядит «дешево», чаще виноваты не шрифты, а их сборка. Проверьте базу: 1) не смешивайте больше двух гарнитур; 2) держите один стиль заголовков на всех блоках; 3) не ставьте текст в капслок длинными фразами — он тяжело читается; 4) не уменьшайте межстрочный интервал ради плотности.

Дальше — композиция. У строки должен быть комфортный формат: слишком широкая строка заставляет терять место чтения, слишком узкая рвёт ритм. Для абзацев важны воздух и логика: один смысл — один абзац, а не «полотно» на полэкрана. Отступы между блоками лучше делать стабильными, а не подбирать на глаз в каждом месте.

Отдельно следите за контрастом и акцентами. Светло-серый текст по белому фону выглядит «аккуратно» только в дизайне, но не в чтении. Жирным выделяйте смысл, а не половину предложения. Курсив используйте редко: он хорош для интонации, но плохо работает как основной акцент.

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

Свежие посты в категории «Tech Infrastructure»

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

start

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

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

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