Тренды

Дуплекс - новый тренд в веб-дизайне

IT-копирайтер, переводчик, контент-менеджер.

Дуотон - новый тренд

Что такое дуплекс? В википедии написано, что дуплекс это «печать двумя красками в полиграфии; иные цвета получаются смешением красок в разных пропорциях». Печать в две краски, где основным является черный цвет, а дополнительным – светлый оттенок любого цвета, широко использовалась для компенсации недостатка передачи тонов. Дополнительные оттенки позволяли расширить тональный диапазон и улучшить визуальные свойства изображения при пантонной печати. Для дуплекса характерен небольшой выбор оттенков, но этот же прием можно использовать в веб-дизайне безо всяких ограничений. В течение последних нескольких месяцев появилось большое количество сайтов, с изображениями, где основной цвет дополняют многочисленные яркие оттенки – от фиолетового до зеленого. За счет этого достигается невероятный эффект – изображения смотрятся действительно впечатляюще. Дизайнеры экспериментируют, и в попытках создать что-то новое смешивают цвета, которые, как может показаться, почти не сочетаются друг с другом.

 

Если нужно быстро создать дуплексное изображение на сайте, можно воспользоваться несколькими полезными инструментами:

 

jQuery Duotone

Duotone Colorschemes

Colofilter

 

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

 

ADIDAS FOOTBALL

 

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

 

MIRAGE FESTIVAL

 

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

 

FJORD TREND

 

На главной странице сайта trends.fjordnet.com можно увидеть несколько фоновых изображений, которые были созданы с использованием двух цветов. Сочетание оттенков подобрано очень удачно – цвета мягкие и неброские. Дизайн не провоцирует, на сайте ощущается атмосфера спокойной деловитости и уверенности в собственных силах. У компании Fiord имеется собственная философия, и дизайн лишь подчеркивает отношение бренда к жизненно важным вещам.

 

TRIPLE 9

 

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

 

LA MARINE NATIONALE ON BOARD CAREERS



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

 

HEROES AND HISTORY

 

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

 

HOLM MARCHER & CO

 

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

 

MAILCHIMP

 

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

 

YEAR IN REVIEW BY ATOMIC.IO

 

Видимо, сочетание красного и синего является своеобразным суб-трендом дуплекса. На сайте 2015.designweekly.atomic.io. Основные цвета оказывают сильное визуальное воздействие и и привлекают внимание к модульной компоновки. Несмотря на контрастное сочетание цветов, сайт выглядит очень стильным.

 

FINESSE DESIGN ATELIER

 

Сайт творческой студии Finesse Design Atelier. Здесь можно найти огромное количество великолепных дуплексных изображений. Некоторые фото представлены в исходном формате и соседствуют с двуцветными фотографиями.

 

JONKOPINGSSODRA

 

В оформлении этого сайта использовались зеленый и желтый цвета. Сайт посвящен спортивной тематике, так что неудивительно, что в оформлении использовались фирменные цвета шведского футбольного клуба Jönköpings Södra.

 

YEAR IN REVIEW BY TUMBLR

 

Обзор событий от Tumblr. Помимо великолепных фотографий на сайте можно увидеть интересные динамические абстрактные фоны. Каждое значимое событие года имеет выделяется индивидуальным цветовым сочетанием. Очень интересное решение для оформления сайта с обзорами.

 


CAMPAIGN BY LOIS JEANS

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

 

NEW DEAL DESIGN

 

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

 

YEAR IN MUSIC BY SPOTIFY

 

Говоря о дуплексных изображениях, нельзя не упомянуть о Spotify. В этом году портал осветил все значимые события в мире музыки. Великолепный дизайн сайта покорил веб и задал высокие стандарты для всех дизайнеров. На сайте представлены великолепные примеры творческого подхода к использованию дуплекса.

 

ВМЕСТО ЗАКЛЮЧЕНИЯ

 

Дуплекс может создать неповторимую атмосферу на сайте. Какой она будет – дружелюбной, безмятежной, внушительной или драматичной, зависит от выбранных оттенков. Можно ориентироваться на дизайн Spotify и использовать яркие контрастные цвета. Если того требует контекст, то оттенки можно приглушить, как на сайте Marcher & Co. Все зависит от поставленной задачи и творческого потенциала дизайнера. 


источник 

  • 10109