Первое применение разделения экрана датируется 1903 годом, когда режиссер Эдвин С. Портер использовал этот прием в своем фильме «Жизнь американского пожарного» («Life of an American fireman»)
С тех пор многие кинематографисты используют концепцию разделенного экрана. В дизайн этот прием перешел намного позднее. Зародилась эта тенденция в дизайне в 2013 году, но начала расти в середине 2016-го. Сейчас все больше сайтов используют в своих проектах два вертикально разделенных экрана.
Содержание
Когда использовать разделение?
- Когда вы не знаете, какой из двух элементов должен быть более заметным;
- Когда сайт предлагает два совершенно противоположных варианта. Это хорошая практика, потому что пользователи получают возможность сделать свой выбор с самого начала — и сайт не теряет времени, показывая оба варианта без необходимости;
- Когда нет возможности использовать две кнопки призыва к действию (СТА);
- Для создания более сильной взаимосвязи между частями контента.
Почему дизайнеры так увлечены тенденцией разделения экрана?
Дизайн с использованием вертикального разделения — довольно забавный, функциональный и адаптивный способ создания привлекательных проектов.
- Он позволяет разнообразить форму контента;
- Позволяет добавить значимости контенту без перегрузки пользователя;
- Создает правильную иерархию.
Рекомендации по дизайну разделенного экрана
Используйте двойственность
Это свойство – одно из самых важных в дизайне разделенных экранов. Существует множество способов использовать контраст для улучшения визуальной привлекательности.
Важная информация всегда на виду
Это довольно разумный шаг, когда вы знаете, что ваши пользователи нуждаются в постоянном напоминании о конкретной информации.
Унифицированная навигация
Лучшим решением будет сохранить единое навигационное меню (в идеале в верхней части).
Расположение контента и изображения друг напротив друга
При таком приеме возможно использование более смелых изображений с гораздо более глубоким смыслом, потому что при этом не нужно будет особо обрабатывать их.
Создание визуальной связи между экранами
Вместе с использованием контрастирующих элементов на экранах, между ними может устанавливаться визуальная связь, в том числе, по средствам цвета.