01 / Наблюдение

Несколько уровней достаточно

Контраст помогает отличать заголовок раздела от заголовка статьи, а подпись — от основного текста. Если различия между всеми элементами слишком малы, страница становится однообразной. Если они максимальны, взгляд постоянно скачет. Полезно сначала построить иерархию в одном цвете: изменить кегль, насыщенность и межстрочное расстояние.

02 / Подход

Как настроить визуальную систему

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

Пример

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

03 / Практика

Три пункта для проверки

  1. Сделайте снимок страницы в оттенках серого.
  2. Сравните соседние уровни заголовков.
  3. Проверьте межстрочный интервал у крупного текста.