Текст, цвет и визуальная иерархия

Сначала содержание, затем оформление

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

Задайте простую систему

1. Выберите одну гарнитуру и несколько начертаний, подходящих для русского текста.
2. Настройте заголовок, подзаголовок и основной текст. Размер, насыщенность и отступы должны показывать их порядок.
3. Проверьте межстрочное расстояние и ширину абзаца. Не растягивайте длинный текст через весь экран.
4. Оставьте основной цвет текста, спокойный фон и один акцент для важных действий.
5. Повторяющиеся параметры текста сохраните в локальные стили и примените к нескольким элементам.

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

Практическое задание

Оформите первый экран своего проекта. Подготовьте три текстовых стиля и небольшую палитру. Затем замените заголовок более длинным и проверьте переносы.

Проверьте себя

• Самый важный заголовок заметен первым.
• Основной текст удобно читать.
• Ссылки и действия различимы.
• Одинаковые элементы используют одинаковые стили.