Изменение дизайна

< Назад

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

Обязательно найдите и проанализируйте несколько сайтов на вашу тему, чтобы понять как могут оформляться те или иные блоки или элементы сайта. Самым лучшим вариантом будет, если вы найдете для себя сайт-пример, дизайну которого будете следовать при редактировании собственного сайта.

С дополнительной полезной информацией о дизайне одностраничного сайта вы можете ознакомиться в нашем блоге.

Ниже вы найдете описание основных принципов дизайна лендинга.

Структура

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

Изменение дизайна

Для визуального разделения блоков обязательно используются отступы между блоками.

Изменение дизайна

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

Изменение дизайна

Заголовки разных блоков должны быть одинакового размера - это задает структуру страницы и помогает понять, где начинается новая мысль.

Иерархия

Иерархия элементов нужна для того чтобы отделить более значимую информацию от второстепенной. Достигается это путем использования определенных приемов.

Размер - чем важнее заголовок или картинка, тем крупнее они должны быть.

Цвет - по аналогии с размером, чем важнее элемент, тем ярче и контрастней он должен быть на общем фоне.

Группировка элементов - близкие по смыслу элементы (чаще всего это текст) следует располагать рядом.

Пустое пространство - пустое пространство вокруг элемента акцентирует внимание также эффективно как размер или цвет.

Призыв к действию и форма

Призыв к действию и форма - основной функциональный блок лендинга. Обычно состоит из текста и формы или текста и кнопки.

Обязательно стоит выделить этот блок с помощью яркого фона самого блока или яркого фона кнопки.

Изменение дизайна

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

Изменение дизайна

Полей в форме должно быть как можно меньше - чем меньше полей, тем проще ее заполнить.

Обложка

Обложка - это первый экран лендинга, первое что видит посетитель при попадании на сайт.

Текст на обложке должен быть максимально кратким и емким и должен располагаться в стороне от значимой части фонового изображения обложки.

Изменение дизайна

Навигация

Навигация - набор элементов, которые помогут посетителю найти ответы на его вопросы.

Меню - должно содержать только действительно нужные элементы. Перегруженное меню отвлекает посетителя вместо того, что бы помочь найти нужную информацию.

Логотип-ссылка - уже стало достаточно привычно, когда при клике на логотип посетитель возвращается к началу страницы.

Ссылки в конце страницы - здесь может размещаться призыв к целевому действию (кнопка или форма) или ссылки на дополнительные материалы.

Цвет

Главное правило - в дизайне ленндинга следует использовать небольшое количество цветов. Лучше всего 1-2 цвета. При этом цвет, который используется для привлечения внимания, должен занимать не более 10%.

Предыдущая статья: Редактирование контентаСледующая статья: Использование расширенных возможностей