Дуплекс - новий тренд в веб-дизайні
Що таке дуплекс? У вікіпедії написано, що дуплекс це «друк двома фарбами в поліграфіі- інші кольори виходять змішанням фарб в різних пропорціях». Друк в дві фарби, де основним є чорний колір, а додатковим - світлий відтінок будь-якого кольору, широко використовувалася для компенсації нестачі передачі тонів. Додаткові відтінки дозволяли розширити тональний діапазон і поліпшити візуальні властивості зображення при пантону друку. Для дуплексу характерний невеликий вибір відтінків, але цей же прийом можна використовувати в веб-дизайні без жодних обмежень. Протягом останніх кількох місяців з`явилася велика кількість сайтів, з зображеннями, де основний колір доповнюють численні яскраві відтінки - від фіолетового до зеленого. За рахунок цього досягається неймовірний ефект - зображення виглядають дійсно вражаюче. Дизайнери експериментують, і в спробах створити щось нове змішують кольори, які, як може здатися, майже не поєднуються один з одним.
Якщо потрібно швидко створити дуплексное зображення на сайті, можна скористатися кількома корисними інструментами:
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
Відео: Тренди в розробці сайтів 2017
Сайт творчої студії 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. Все залежить від поставленого завдання і творчого потенціалу дизайнера.
