Використання кольору в тенденціях UI / UX дизайну

Стрімкий розвиток технологій значно розширює діапазон наших можливостей. Чим більше потенціал, відповідно вище запити. Саме за такою схемою формуються сучасні тренди. Одним з критеріїв якості продукту є його актуальність. Тому, характерним показником професіоналізму буде чітке розуміння перспектив і тенденцій в світі дизайну.

Колір - основа візуального сприйняття

Вивчення сучасних тенденцій веб-дизайну допомогло нам зробити висновок, що колір зайняв головну роль у всіх сучасних напрямках візуального контенту. Сила і виразність діапазонів кольору допомагають користувачам більш точно сприймати дизайн і роблять бренд і його продукцію ще більш унікальною і такою, що запам'ятовується.

Підсумки нашого дослідження підтверджують і самі дизайнери, які використовують колір в якості основного елемента дизайну, виділяючи його в порівнянні з іншими інструментами контенту, навіть поміж зображень, які спочатку мають можливість розповісти більше.

Джерело underpromise.agency

Основними тенденціями є використання великих мас кольорів, які займають традиційні білі фони, а палітри не обмежуються одним домінуючим тоном. Виділяються сильні контрасти яскравих взаємодоповнюючих кольорів, що не поєднуються в гармонії, але візуально приємні для сприйняття.

Це результат постійного розвитку різних стилів сучасного графічного дизайну. Як і всі сфери створення візуалу, вони продовжують прогресувати, радикально переходячи від раціональної функціональності до мінімалізму, до більш унікальних і нових візуальних проявів.

Яскраві кольори в гармонії з нейтральними відтінками

Після періоду, в якому переважають «м'які пастелі», ми спостерігаємо появу разюче ризикованих кольорів і поєднань, які говорять не про гармонію, але ефективно передають користувачеві потрібний посил. Йдеться про діапазони яскравих кольорів різних тонів.

Джерело eng.etozavtra.ru

В цілому, ці поєднання яскравих кольорів пом'якшуються приглушеними або нейтральними кольорами, які допомагають звернути увагу на те, на чому слід зосередитися.

Джерело www.thedigitalpanda.com

Для цієї тенденції характерно використання великих суцільних колірних областей, також дуже часто можна зустріти окремі акценти насичених кольорів, які залучають додаткову увагу.

Блокування кольору і комбінації контрастів

Кольорове блокування було популярною практикою в модному дизайні з 1960-х років, і її можна побачити в роботах відомого голландського художника Піта Мондріана. Його картини складаються з дослідницької комбінації яскравих сміливих кольорів з їх додатковими відтінками.

Джерело adamriguez.com

Насправді вони не обов'язково повинні знаходитися на протилежних сторонах кольорового спектру, але ідея полягає в тому, щоб шукати сильний контраст між суцільними областями кольору, що допомагає знайти цікаві комбінації.

Джерело hauska.co.kr

Маси кольору, що не попадають в палітру фону, а також органічні абстрактні елементи, що досліджують взаємодію відтінку і форм. Це недосконалість геометрії, що поєднує насичені і приглушені кольори, нагадують стиль Матісс.

Мульти—палітра для візуалізації бренду

Джерело unspun.ouiwill.com

Створення і стандартизація оригінальної кольорової палітри допомагає створити візуальну мову, яка послідовно представляє марку або продукт.

Джерело andreylee.com

Традиційно кольорові палітри були набагато менші та склададися з одного або двох основних кольорів. В даний час публікація складних систем дизайну (наприклад, редизайн DropBox в 2017 році) внесла свій вклад в тенденцію важливості кольору і вивела палітру навіть далі, ніж вона була раніше.

Ребрендинг Twitch з новою гамою кольорів

Джерело brand.twitch.tv/expression

Twitch оновили логотип, створили власний шрифт і розширили кольорову палітру, включивши в неї безліч яскравих відтінків, а також посилили насиченість свого характерного фіолетового кольору. Кольори палітри, в якій переважає кислотний пурпуровий колір, змішуються один з одним, створюючи дуотонні градієнти для імітації тривимірного контуру на графічних елементах.

Джерело brand.twitch.tv/expression

Різнобарвні фони

Наступні приклади відображають хроматичну послідовність у фоновому режимі, яка з'являється в міру пересування по сторінці. Крім скролінгу, майже у всіх випадках є лише макет однієї сторінки із змінним кольоровим фоном. Кольори групуються разом, забезпечуючи сильний контраст між фоном і вмістом.

Джерело www.bateaumonparis.com

Джерело onlinewomanbiz.com

Контрастна типографіка

Джерело canatal.net

Колір знайшов своє ідеальне втілення у друці, який використовується в якості графічного елементу, майже повністю незалежно від комунікативного посилу тексту. Фони та тексти грають висококонтрастними або додатковими кольорами, що чергуються і в кінцевому підсумку змінюються витонченими анімаціями.

Емоційні пари кольорів і бруталізм

Популярність м'яких пастелей, значно знизилася останнім часом. Все починалося з палітри ніжних пастельних відтінків, в яких переважають рожевий і бежевий, в підсумку ми прийшли до насиченої гами кольорів, яка вже зараз проявляється в тенденції веб-дизайну.

За словами експертів Pantone Color Institute, нова тенденція характеризується великою палітрою кольорів з контрастними різнокольоровими поєднаннями.

Джерело oishiii.sushiya.ua

"Поєднуючи наше прагнення до унікальності, креативності і більш спонтанних підходів до дизайну, кольорова палітра на весну / літо 2020 додає дизайну барвисте оновлення, яке створює сильні комбінації кольорів, а також заряджає енергією через візуал", - говорить виконавчий директор Pantone.

За останні кілька років бруталізму в веб-дизайні ми побачили надмірно насичені кольори в граничних поєднаннях, які повністю суперечать ідеї візуального комфорту. Насичені кольори конкурують за увагу, що призводить до плутанини в сприйнятті користувача з точки зору ієрархії контенту і точок інтересу.

Джерело theoutline.com

Незважаючи на ці фактори, використання бруталізму можна відзначити як унікальний і цікавий естетичний досвід, якщо сприймати його в більш творчому контексті.

Джерело frenchbutnice.design

Джерело www.seemakeplay.com

Джерело www.quarantine-time.ch