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

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

 

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

 

Дизайнеры смешивают и сочетают различные, пусть даже несочетаемые, цвета. Для быстрого создания таких изображений можно использовать такие полезные инструменты, как:
• 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

Comments

comments

Text_2Бывают ли хорошие сайты по низкой цене
Text_2Создание сайта от планирования до запуска. Что скрывается за удобным сайтом?
Text_2Веб студия или фрилансер. Выбираем где заказать сайт.
Text_2Заказать лендинг Составляющие идеальной лендинг пейдж.