Переклад статті «Duotone Color: Tips Examples for This Vibrant Trend »про зароджується тренді в веб-дизайні - двоколірних зображеннях: як найкраще їх використовувати і навіщо.
Завдяки Spotify двоколірний дизайн з кожним днем набирає популярність. З таким ефектом фото відразу кидається в очі!
Що таке дуотон?
Дуотон - використання двох кольорів в зображенні. Назва та техніка з'явилися в поліграфії, де для друку використовували тільки 2 кольори.
Дуотон візуально цікавий і робити його - елементарно. Ефект створюється в Фотошопі або за допомогою програми на кшталт Colofilter.css.
Так поліграфічна техніка знайшла місце в інтернеті. Можливо, ви вже помітили цю тенденцію в мережі.
заголовне фото
Використовуйте двокольорове фото на головній сторінці - як New Deal Design, які вибрали сміливі кольору і смішні образи. Не бійтеся вийти із зони комфорту - використовуйте непоєднувані кольори. Головне - створити контрастне зображення, яке притягує увагу користувачів.
Щоб досягти максимального ефекту:
● Виберіть два контрастні кольори. Круто, якщо це будуть кольори бренду;
● Візьміть фото з об'єктами, на яких можна сфокусуватися. Пейзажі складніше використовувати;
● Використовуйте якісні зображення. Розмиті фотографії низької якості - не варіант;
● Створіть контраст;
● Визначте місце для кнопок і тексту;
● Вибирайте кольори, які відображають настрій фотографії;
● Додайте кольорову рамку або паралакс-ефект.
Проста палітра кольорів
Дуотон - не обов'язково щось складне. Іноді яскраві приклади прості за своєю природою.
Assurity Life Insurance використовують два відтінки червоного і простий шрифт. За Скролл з'являється ще кілька напівтонів. Червоний привертає увагу користувачів.
Хитрість в тому, що сайт дуже простий, щоб бути не ефектним. Його користувачі не перевантажені елементами і зосереджені на тексті. Цей тип дуотона підходить для формальних сайтів.
підвищена читабельність
За допомогою дуотона можна створити приглушене зображення для фону. Текст на ньому можна помістити в будь-яке місце. Щоб підвищити читабельність, зробіть однотонну підкладку для написів.
Двоколірні зображення працюють і в невеликому просторі. Використовуйте тренд для оформлення навігації, додаткових зображень або для окремого типу контенту.
Плюс використання техніки в маленькому просторі - тут більше свободи. Можна експериментувати, навіть якщо ви не впевнені, що дуотон буде працювати.
Це ідеальний спосіб використовувати фірмові кольори. І ще дуотон допоможе зробити сайт більш сучасною без кардинальних змін.
Join Radio використовує ледь помітний градієнт для фону. Кольори гармоніюють з призначеним для користувача інтерфейсом. Проста анімація і перехід від світлого кольору до темного спонукають скролл сторінку.
Дуотон - можливість експериментувати, поєднувати несумісні кольори. А результат завжди виглядає класно і працює.