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