Тренды в вебдизайне 2016 — дуплекс

Тренды в вебдизайне 2016 - дуплекс

Дуплекс - свежий тренд в web дизайне 2016

В статье мы рассмотрим тренды веб дизайна 2016 года. Одним из набирающих популярность стильных трендов является дуплекс или duotone. Согласно Wiki, дуплекс – это полутоновое изображение с выделенными средними и наиболее светлыми участками. Обычно для изображений в стиле дуплекс выбирают синий, коричневый, красный и желтый цвета. Однако когда дело доходит до энтузиастов в такой сфере как разработка web дизайна, не существует таких понятий как «обычно». Несколько последних месяцев показали, что для достижения невероятного визуального эффекта применяется множество ярких оттенков, от пурпурного до зеленого.


К слову, дуплекс прижился и развился и в 2018 году. Читайте статью про тренды 2018.


Дизайнеры смешивают и сочетают различные, пусть даже несочетаемые, цвета. Для быстрого создания таких изображений можно использовать такие полезные инструменты, как:
• jQuery Duotone;
• Duotone Colorschemes;
• Colofilter.

Как правильно и рационально подобрать цветовую гамму сайта - читайте в нашей предыдущей статье. Здесь мы говорим об эмоциях! В качестве примеров из реальной жизни мы рассмотрим лучшие веб-сайты с дуплексными изображениями и иллюстрациями.

trendy-v-vebdizajne-2016-dupleks-duotone (1)

Adidas Football

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

Mirage Festival

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

Fjord Trend

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

Triple 9

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

trendy-v-vebdizajne-2016-dupleks-duotone (2)

La Marine Nationale on Board Careers

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

Heroes and History

Отличительная черта Heroes and History – это прекрасная иллюстрация в супер-геройской тематике, выполненная в двух основных цветах. Вторичный белый цвет используется для расстановки акцентов. И хотя доминирующий красный мог бы быть чуточку агрессивнее, в данном случае он вполне уместен и в таком виде.

Holm Marcher & Co

Здесь все пронизано серьёзностью. Каждая деталь стремится подчеркнуть деловую атмосферу, и фоновые изображения не исключение. Мягкие, повседневные цвета создают впечатление профессионализма и авторитета.

MailChimp

На MailChimp мы видим роскошную трансформацию цвета от теплого красного до холодного синего, которая мягко ведет нас от верха картинки к низу. И это не все. Каждый цвет используется для того, чтобы преобразовать задний план в дуплекс-изображение, что усиливает эффект от просмотра.

trendy-v-vebdizajne-2016-dupleks-duotone (3)

Year in Review by Atomic.io

Эта команда применяет дуплекс-эффект и для изображений, и для видео. Такое решение создает сильное визуальное впечатление и делает раскладку яркой. Все построено на основных цветах, что обеспечивает постоянство стиля.

Finesse Design Atelier

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

jonkopingssodra

Зеленый, желтый и их полутона делают главную страницу такой впечатляющей. Она бросается в глаза и, в то же время, является мягкой и ясной, идеально поддерживая контент на переднем плане. Выбор цветов отлично соответствует концепту: он правильно передает идею и дух команды.

Year in Review by Tumblr

Year in Review by Tumblr отбрасывает все шикарные фотографии и видео, и фокусируется на динамичном абстрактном фоне. Каждая история имеет собственную двухцветную иллюстрацию. Страница отличается от остальных благодаря своему странному, но привлекательному дизайну.

trendy-v-vebdizajne-2016-dupleks-duotone (4)

Campaign by Lois Jeans

Campaign by Lois Jeans наполнена энергией и вот-вот взорвется. За общее впечатление отвественна не только продуманная верстка, но и дуплекс-эффект, который используется и в видео. Вместе с основным светло-коралловым оттенком он объединяет воедино все элементы и способствует достижению гармоничного эффекта.

New Deal Design

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

Year in Music by Spotify

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

Majorette Events

Главная страница вызывает восторг. Все в фуксии: цвет оккупирует практически каждый пиксель на экране, создавая интригующее общее впечатление. Дуплекс-эффект используется для фона и других изображений.

trendy-v-vebdizajne-2016-dupleks-duotone (5)

The Art of Travel

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

Lois Jeans Campaign

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

Wheels and Bearings

Портал создает изумительное винтажное ощущение благодаря серии двухцветных изображений. Пастельные тона в тандеме с сепией пробуждают чувство ностальгии. Вместе они создают надлежащий образ и отражают дух 80-х.

Standby

Standby – это минималистичный аккуратный сайт с элегантной структурой. Искусная двухцветная иллюстрация острова, на котором расположен город, является идеальным решением. Она выполнена в мягком синем цвете, который хорошо играет со шрифтом.

Тренды веб дизайна 2016. Заключение

Дуплекс может быть драматичным, впечатляющим и даже спокойным. Используете ли вы комбинацию контрастных цветов, как Spotify или New Deal Design, или аккуратно выбираете сочетающиеся цвета, как Marcher & Co, вы сделаете сайт более визуально привлекательным. Дуплекс как новый тренд 2016 выполняет роль превосходной основы, которая оживляет контент, в тоже время, сохраняя и аккуратно усиливая красоту изображения. Эффект дуплекса набирает обороты и скоро мы увидим прекрасные образцы работ в категории создание инфографики или в дизайне упаковки. Главное не останавливаться на достигнутом и быть открытым экспериментам в области графического дизайна.

Понравилась наша статья, поделитесь с друзьями!

Удачи в бизнесе, ваш mindrepublic.ru

Комментарии

Комментарии

Поделиться с друзьями

Похожие статьи

Мечты не работают,
если Вы не работаете!

Напишите нам
Мы свяжемся с Вами очень оперативно
Какой вид связи вам удобнее?

11112222