ru ua en
c l o c k
Використання кольору в тенденціях UI / UX дизайну
18 May 2020
блог

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

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

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

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

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

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

Джерело underpromise.agency

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

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

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

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

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

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

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

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

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

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

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

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

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

Джерело adamriguez.com

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

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

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

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

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

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

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

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

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

Джерело andreylee.com

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

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

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

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

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

Різнобарвні фони на веб сторінках

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

Різнобарвні фони на сайті Onlinewomanbiz

Джерело onlinewomanbiz.com

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

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

Джерело canatal.net

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

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

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

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

Контрастна типографіка на веб сторінці

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

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

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

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

Джерело theoutline.com

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



Сучасні кольори на веб-сторінці

Джерело frenchbutnice.design

Фонові кольори на веб сторінці

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

Колір фона на веб сторінці

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

Інтерактивні кольори на веб сторінці

Ви готові до лідерства в інтернеті?

Давайте обговоримо перспективи просування вашого сайту!