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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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