Первый экран: заголовок, изображение и кнопка

Сформулируйте предложение

Первый экран помогает понять, на какой сайт попал человек. Вместо общего «Качество для каждого» напишите, какую услугу предлагаете и кому она подходит. Например: «Семейная фотосъёмка в студии» и ниже — как проходит запись.

Соберите композицию

1. Выберите простой блок обложки. Добавьте заголовок и пояснение, подготовленные в предыдущем уроке.
2. Подберите изображение, связанное с услугой. Не размещайте важный текст только внутри фотографии.
3. Оставьте заметную кнопку с понятным действием: «Посмотреть работы» или «Обсудить съёмку».
4. Настройте ссылку кнопки на нужный раздел или контакт. Проверьте её в предпросмотре.
5. Посмотрите, достаточно ли контраста у текста и не закрывает ли его изображение.

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

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

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

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

• Предложение понятно без прокрутки.
• Текст читается на фоне.
• У кнопки есть работающая ссылка.
• На узком экране не пропадает заголовок.