Тенденция дизайна: зигзагообразные шаблоны
и отсутствие сетки. Часть 2
Основная характеристика этой тенденции — это множество умело сгруппированных элементов, которые на первый взгляд не имеют логической структуры и сетки.
Эта тенденция поможет создать вам потрясающие визуальные эффекты и большую интерактивность на сайте. Чтобы умело связать все элементы воедино, вам нужен хорошо спланированный дизайн и правильные элементы. В этой статье мы продолжим изучать эту тенденцию и рассмотрим несколько удачных примеров.
Пример тренда
5 лучших примеров тенденции
Эта тенденция может быть универсальной и хорошо подойдет для сайтов-портфолио. Давайте ниже рассмотрим 5 лучших примеров использования этой тенденции. Они помогут вам найти вдохновение для создания ваших новых дизайн-проектов.
Этот дизайн отличается от других вариантов ниже, благодаря ярко-красному фону с прозрачными изображениям. Несмотря на яркий фон, здесь легко различить зигзагообразные формы. У каждого изображения разный размер и форма, а анимация фактически находится здесь в фоновом текстовом элементе.
Использование слоев изображений между фоном и текстовым элементом — это отличный пример этой тенденции в действии.
Дизайнеры очень умело используют зигзагообразную сетку в этом примере. Наименование ресторана находится не на традиционной базовой линии, создавая при этом зигзаг форму. Вероятно, это самый сложный вариант использования тренда, и лучше всего он будет работать с одним словом.
В Ground Media использован совершенно другой подход при работе с сеткой. Фоновые фотографии на странице размещаются в сетке, но анимация на экране движется зигзагами.
Как и в предыдущем примере, Swiss Deluxe Hotels использует этот тренд при работе с крупномасштабной анимацией. Отличие заключается в том, что анимация выглядит более последовательной, но все изображения расположены в виде зигзагов.
Источник: designshack.net