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

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

1-3ovukz2tm5fywimcbm5dyq

Обзор цветового тренда, который захватывает мир

Чистый дуплекс и другие тональные группы

Авраам Линкольн
Авраам Линкольн

Авраам Линкольн

Мохаммед Али
Мохаммед Али

Мохаммед Али

LZ 129 «Гинденбург»
LZ 129 «Гинденбург»

LZ 129 «Гинденбург»

Как видите, результаты выглядят прилично, если учесть насколько легким был сам процесс. Старые черно-белые фотографии обрели новую жизнь в стиле поп-арт.
Можно использовать эти изображения для оформления сайта или образа бренда — и они будут уместны.
Они несут ощущение счастья и радости: после легкой коррекции дуплексом даже фотография катастрофы Гинденбурга оказывается какой-то веселой и отчасти успокаивающей.
А теперь пример настоящего сайта.

New Deal Design
New Deal Design

New Deal Design

За счет контраста между оттенками розового и желтого получилось очень энергичное изображение, но оно отлично работает — особенно с этими дурачащимися людьми. Я улыбаюсь всякий раз, когда смотрю на эту картинку (а ведь в этом вся суть дуплекса — вызывать улыбку).

Градиенты

Очень базовый макет приложения с градиентным фоном
Очень базовый макет приложения с градиентным фоном

Очень базовый макет приложения с градиентным фоном

Наложение градиента на фото Дональда Трампа
Наложение градиента на фото Дональда Трампа

Наложение градиента на фото Дональда Трампа

Можем ли градиент сделать Дональда Трампа веселым и клевым? Задача, конечно, сложная, но градиент почти справился, невероятно!
Ниже вы найдете еще пару примеров использования обоих методов, которые я нашел в сети.

Solid Giant
Solid Giant

Solid Giant

Snippet
Snippet

Snippet

В примере Snippet мы видим достаточно стандартное наложение градиента, но благодаря прохладным оттенкам сайт выглядит благонадежно и расслабленно. Эффект простой, но работает хорошо.
Solid Giant выглядит более сложно и профессионально. У меня сложилось впечатление, что дизайнер следит за трендами дизайна и способен профессионально использовать их в своей работе.
Применить эффект триплекса совсем не сложно, но он фантастически выглядит и создает отличное первое впечатление.

Fantasy Premier League
Fantasy Premier League

Fantasy Premier League

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

Об авторе:

@hervo16

Оригинал: Medium

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/

Идеи, которые нас вдохновляют, видео-интервью и переводы исследований, которые были нам полезны в процессе работы. http://blog.aic.ru/