Тренды веб-дизайна 2016 года – торжество яркости и стиля. Одним из самых свежих направлений является дуплекс или duotone, которому будет посвящена наша статья.
Дуплекс – свежий тренд в web-дизайне 2016
Согласно Wiki, дуплекс – это полутоновое изображение с выделенными средними и наиболее светлыми участками. Привычные цветовые решения для этого стиля выполнены в синей, коричневой, красной и жёлтой гамме. Однако когда дело доходит до энтузиастов, по-настоящему знающих толк в разработке web-дизайна, понятие "привычки" отходит на второй план.
За последние несколько месяцев всё больше дизайнеров не боятся экспериментировать и используют в своих работах множество ярких оттенков, от пурпурного до зелёного.
К слову, дуплекс прижился и развился и в 2018 году, а что же в 2019? Читайте статью про тренды 2019.
Дуплекс предполагает объединение очень разных, порой несочетаемых, цветов. Для быстрого создания изображений используются такие инструменты, как:
- jQuery Duotone;
- Duotone Colorschemes;
- Colofilter.
Как мне удалось правильно и рационально подобрать цветовую гамму сайта – читайте в одной из наших прошлых статей. Здесь же мы всецело отдаём себя во власть эмоций. В качестве примеров из реальной жизни мы рассмотрим лучшие веб-сайты с дуплексными изображениями и иллюстрациями.
Тренды веб-дизайна 2016: примеры
Adidas Football
Главная страница сразу же погружает нас в особую атмосферу, в которой слились воедино стиль и современность. Фотографии получились просто невероятные. Они пропитаны спортивной энергетикой и очень чётко сумели передать настроение бренда.
Mirage Festival
Mirage Festival слегка эксцентричен, и, всё же, он определенно выделяется из толпы. Своей уникальностью сайт обязан бросающейся в глаза комбинации красного и синего цветов, благодаря которому основное содержание в обычным шрифте белого цвета сразу же привлекает внимание.
Fjord Trend
Домашняя страница имеет несколько фоновых изображений, усиленных эффектом двухцветности. Сочетание оттенков можно назвать мягким и даже скромным. Всё выглядит спокойно, ясно и по-деловому. Такое решение подчеркивает философию сайта и выделяет важные детали.
Triple 9
Для создания дуплекса используются красный и черный цвета. Они делают видео и изображения утонченными, а также добавляют сайту драматичности и помогают создать ауру жестокости и брутальности.
La Marine Nationale on Board Careers
Домашняя страница представляет собой огромный слайдер с изображениями. Здесь использованы 4 двухцветных фона, из которых синие больше всего соответствуют тематике рекрутинга в ВМС. Вместе они создают правильную атмосферу, а также привлекают внимание к элементам, расположенным на переднем плане.
Heroes and History
Главная фишка Heroes and History – это прекрасная иллюстрация в супер-геройской тематике, выполненная в двух основных цветах. Вторичный белый цвет используется для расстановки акцентов. И хотя доминирующий красный мог бы быть чуточку агрессивнее, в данном случае он вполне уместен и в таком виде.
Holm Marcher & Co
Здесь все предельно серьёзно. Каждая деталь стремится подчеркнуть деловую атмосферу, и фоновые изображения не исключение. Мягкие, повседневные цвета создают впечатление профессионализма и авторитета.
MailChimp
На MailChimp мы видим роскошную трансформацию цвета от теплого красного до холодного синего, которая мягко ведет нас от верха картинки к низу. И это не все. Каждый цвет используется для того, чтобы преобразовать задний план в дуплекс-изображение, что усиливает эффект от просмотра.
Year in Review by Atomic.io
Команда сайта "дружит" с дуплексом не только с помощью изображений, но и видео. Такое решение создаёт сильное визуальное впечатление и делает раскладку яркой. Все построено на основных цветах, что обеспечивает постоянство стиля.
Finesse Design Atelier
Портал напичкан множеством потрясающих фотографий, характеризующих сферу деятельности агентства. Некоторые фотографии представлены в оригинальном виде, тогда как другие оживлены визуальными эффектами. Скриншот выше демонстрирует интересный подход к дуплекс-изображению.
jonkopingssodra
Зелёный, жёлтый и их полутона делают главную страницу такой впечатляющей. Она бросается в глаза и, в то же время, является мягкой и ясной, идеально поддерживая контент на переднем плане. Выбор цветов отлично соответствует концепту: он правильно передаёт идею и дух команды.
Year in Review by Tumblr
Year in Review by Tumblr отбрасывает все шикарные фотографии и видео, и фокусируется на динамичном абстрактном фоне. Каждая история имеет собственную двухцветную иллюстрацию. Страница отличается от остальных благодаря своему странному, но привлекательному дизайну.
Campaign by Lois Jeans
Campaign by Lois Jeans наполнена энергией и вот-вот взорвётся. За общее впечатление отвечает не только продуманная вёрстка, но и дуплекс-эффект, который используется и в видео. Вместе с основным светло-коралловым оттенком он объединяет воедино все элементы и способствует созданию гармоничного эффекта.
New Deal Design
Веб-сайт бросается в глаза своими драматичными и интенсивными цветами: розовым и жёлтым. Их комбинация захватывает всё внимание и создаёт дружественную атмосферу и позитивное настроение.
Year in Music by Spotify
Мы не можем не упомянуть Spotify. В этом году о нём говорят все. Великолепный интерфейс взял интернет штурмом и установил высокие стандарты для всех остальных. Кто ищет свою порцию вдохновения, обязательно должен зайти сюда. Здесь множество потрясающих изображений, которые стоят тысячи слов.
Majorette Events
Главная страница вызывает восторг. Здесь правит бал фуксия: цвет оккупирует практически каждый пиксель на экране, создавая интригующее общее впечатление. Дуплекс-эффект используется для фона и других изображений.
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
