Правила применения разделенного экрана в веб-дизайне
Веб-дизайн 0 Комментариев

Правила применения разделенного экрана в веб-дизайне

Первое применение разделения экрана датируется 1903 годом, когда режиссер Эдвин С. Портер использовал этот прием в своем фильме «Жизнь американского пожарного» («Life of an American fireman»)

Правила применения разделенного экрана в веб-дизайне

С тех пор многие кинематографисты используют концепцию разделенного экрана. В дизайн этот прием перешел намного позднее. Зародилась эта тенденция в дизайне в 2013 году, но начала расти в середине 2016-го. Сейчас все больше сайтов используют в своих проектах два вертикально разделенных экрана.

Когда использовать разделение?

  • Когда вы не знаете, какой из двух элементов должен быть более заметным;
  • Когда сайт предлагает два совершенно противоположных варианта. Это хорошая практика, потому что пользователи получают возможность сделать свой выбор с самого начала — и сайт не теряет времени, показывая оба варианта без необходимости;
  • Когда нет возможности использовать две кнопки призыва к действию (СТА);
  • Для создания более сильной взаимосвязи между частями контента.

Почему дизайнеры так увлечены тенденцией разделения экрана?

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

  • Он позволяет разнообразить форму контента;
  • Позволяет добавить значимости контенту без перегрузки пользователя;
  • Создает правильную иерархию.

Рекомендации по дизайну разделенного экрана.

Используйте двойственность.

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

Правила применения разделенного экрана в веб-дизайне

Важная информация всегда на виду.

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

Правила применения разделенного экрана в веб-дизайне

Унифицированная навигация.

Лучшим решением будет сохранить единое навигационное меню (в идеале в верхней части).

Правила применения разделенного экрана в веб-дизайне

Расположение контента и изображения друг напротив друга.

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

Правила применения разделенного экрана в веб-дизайне

Создание визуальной связи между экранами.

Вместе с использованием контрастирующих элементов на экранах, между ними может устанавливаться визуальная связь, в том числе, по средствам цвета.

Правила применения разделенного экрана в веб-дизайне



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

Добавить комментарий