Найперспективніші напрями в дизайні у 2024 році

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

3D та моушн-дизайн

Ex-HRD SETTERS, кар'єрний консультант та проектний HRBP

На мій погляд, у 2024 році на 3D-дизайн буде ще більший попит. Ми всі бачили, який ефект справили у році, що минає, гігантські 3D-сумки бренду Jacquemus, які подорожували Парижем або як величезний бра від Alexander Wang висів на Манхеттенському мосту. А з розвитком технологій можливості та ефекти тільки примножуватимуться.

Перформанс бренду Jacquemus у Парижі. Джерело

Я сама бачила, як робітники та нетворкінг-чати заполонили питання про фахівців, які могли б зробити щось подібне. Але вхід у цей напрямок дизайну не такий простий: потрібно володіти Adobe After Effects, Cinema 4D, Blender, і це лише частина інструментів.

Чим відрізняються моушн-дизайн та 3D-дизайн?

Керівник відділу роботи з ринками Skillfactory

Справді, помітна тенденція до того, що у 2024 році будуть потрібні 3D-фахівці та моушн-дизайнери. Це пов'язано з розвитком та поверненням до офлайн інтерактивних проектів та рекламних форматів. А збільшення кількості каналів просування бізнесу як онлайн, так і офлайн вимагає все більше якісних матеріалів з використанням 3D та анімації.

Зараз у всьому світі стають популярними 3D-медіафасади.Один із найвідоміших проектів 2023 року в цьому — арена Sphere у Лас-Вегасі, яка сама по собі є медіаекраном у формі кулі:

Медіафасад на арені Sphere у Лас-Вегасі. Джерело

У Росії також є медіаекрани, які використовують для промо-кампаній. Наприклад, у Москві на фасаді кінотеатру «Жовтень» у 2023 році запускали білборд та паралельне 3D-промо у соцмережах для бренду Influence Beauty:

Рекламна кампанія Influence Beauty

Окрім маркетингу та реклами фахівці в галузі моушн-дизайну та 3D потрібні в ігровій сфері, причому як у Росії, так і за кордоном. За минулий рік вийшло багато великих міжнародних проектів із 3D-графікою високого рівня: Hogwarts Legacy, Diablo IV, Baldur's Gate 3, Spider-Man 2, Alan Wake 2 та інші.

У Росії вийшли гучні проекти, які обговорювали у всьому світі: Atomic Heart, та «Руси проти Ящерів», а 2024 року готується до релізу гра «Смута». І в кожному з цих проектів були задіяні фахівці з 3D-графіки та анімації.

професія | 18 місяців

моушн-дизайнер
з нуля до про

Створюйте реалістичну анімацію на рівні middle-фахівця. Ви напрацюєте досвід на кейсах від замовників та під час стажування

Графічний дизайн та ілюстрація

Ex-HRD SETTERS, кар'єрний консультант та проектний HRBP

Мені здається, що для аудиторії, вже пересиченої здібностями штучного інтелекту, не менш цінною буде «ручна праця»: та сама ілюстрація: авторські логотипи, унікальні бренд-персонажі, створені від руки. Вони відчувається тепло.

Наприклад, наша команда дизайнерів вигадала бренд-героя Сета і описала його шлях в агентстві SETTERS. За допомогою цього кейсу ми можемо описати нашу корпоративну культуру та можливості для співробітників.

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

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

професія | 20 місяців

графічний дизайнер з нуля до про

Стати дизайнером, який потрібен у маркетингу, PR, IT. Дамо не лише знання, а й реальний досвід у професії

AI-дизайн

комунікаційний дизайнер в PREQUEL

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

Думаю більшість дизайнерів вже спробували працювати з ChatGPT та Midjourney або хоч би бачили роботи цих AI-інструментів. А деякі дизайнери замислювалися, чи зможе штучний інтелект замінити їхню роботу. Я за те, щоб не боротися зі злом, а приєднатися до нього.

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

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

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

Чи зможе нейромережа замінити дизайнерів? Відповідає ChatGPT

Продуктовий дизайн

Керівник відділу роботи з ринками Skillfactory

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

Вже зараз позиції продакт-дизайнерів є у великих компаніях. Серед іноземних компаній можна знайти вакансії у проектах Duolingo, Notion чи Apple.

У Росії продуктових дизайнерів шукають такі великі компанії, як Wildberries, Simple та Chery.

Сервіс-дизайн або продуктовий дизайн — це багатогранна професія, яка потребує різнобічного досвіду та навичок. Як правило, це:

• проведення UX-досліджень;
• робота над digital-комунікаціями;
• створення прототипів;
• постійне уточнення бізнес-завдань.

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

професія | 16 місяців

UX/UI-дизайнер
з нуля до про

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

Крос-функціональність

Провідний дизайнер продукту у Wolt, експерт сервісу Ейч

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

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

Наприклад:

Магазин на вулиці — Інтернет-магазин із замовленням по телефону — Інтернет-магазин із замовленням на сайті — Самовивіз із пункту видачі поряд з будинком — Доставка замовлень до дверей — Експрес-доставка — Доставка за допомогою роверу — Оформлення замовлення на виплат на сайті — оформлення кредиту на сайті - Страхування кредиту - Нарахування балів за покупку.

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

Наприклад:

Зайти на сайт — Написати запит у пошуку та подивитися пошукову видачу — Порівняти товари — Оформити кредит або сплатити будь-яким зручним способом — Оформити та отримати доставку — Залишити зворотній зв'язок — Оформити повернення за необхідності.

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

онлайн-курс
старт у дизайні

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

Тренди дизайну 2024: ТОП-20 трендів графічного та веб-дизайну з прикладами

2024 вітає графічних та веб-дизайнерів колекцією трендів, які можна успішно впроваджувати в реалізовані або вже існуючі проекти. Новинки стосуються як поєднань кольорів, так і тенденцій оформлення, шрифтів та інших елементів, на які користувачі звертають увагу в першу чергу. Ми вже все вивчили, тому представляємо до уваги ТОП-20 гарячих трендів графічного та веб-дизайну, які неможливо ігнорувати у 2024 році.

1. Дизайн та графіка, створені за допомогою нейромереж

Машинне навчання та штучний інтелект (ІІ) стали безумовним трендом веб- та графічного дизайну у 2024 році. Вони торкнулися всіх сфер, а багато ілюстраторів, копірайтерів, перекладачів, програмістів та представників інших професій опинилися під ризиком зниження затребуваності протягом найближчих років. ІІ забезпечує підвищену точність без людського фактора, він ефективний та продуктивний, витік конфіденційної інформації виключений. Технології сумісні з різними пристроями та браузерами, проте можуть використовуватися не тільки для створення контенту, такого як тексти, картинки, відео.

Створюємо дизайн логотипу для магазину квітів за допомогою ІІ

Веб-дизайнери сьогодні залучають ІІ для вирішення рутинних завдань, щоб не витрачати час на обробку великих масивів даних. Мова йде про поліпшення користувальницького досвіду, формування товарних рекомендацій, створення адаптивного дизайну, розпізнавання образів, аналіз поведінки на сайті, реалізації унікальних рішень. Вже існують сервіси, які допомагають автоматизувати домінуючу частину процесів, а конструктор Crafrum запустив нейромережу, що дозволяє створити сайт за 3 хвилини. Штучний інтелект продовжуватиме розвиток – це довгостроковий тренд.

2. Peach Fuzz (персиковий пух) - колір 2024 за версією Pantone

Щороку дослідницький інститут Pantone представляє чільний колір, який дизайнери використовують практично скрізь - від колекцій модного одягу до оформлення сайтів та мобільних додатків. У 2024 році золото отримав колір Peach Fuzz (персиковий пух), який за версією інституту асоціюється з м'якістю, турботою про оточуючих та собі. Особливість відтінку – близькість до пухнастості персика, що навіває думки про затишок і утихомирює.

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

Головний відтінок року за версією Pantone

3.Багатобарвний градієнт

Градієнт – плавний перехід між відтінками, що формує безшовні ефекти. У 2024 році в веб-дизайні набуває популярності багатобарвність, в рамках якої для градієнта використовуються кілька відтінків, що робить оформлення більш насиченим та помітним. Такі рішення нагадують бензин, розлитий на асфальті: кольори переплітаються і перетікають один одного, бездоганно гармонуючи.

Багатобарвний градієнт задає динаміку, плавні переходи привертають увагу, виділяючи оформлення і натомість конкурентів. Рекомендується використовувати такі поєднання кольорів як на головній сторінці, так і в дизайні елементів, наприклад, CTA-кнопок, спливаючих вікон, квізів. Міксування відтінків нерідко супроводжується тінями, накладенням та 3D-ефектами, у пріоритеті як кислотна палітра, так і весь спектр пастельних тонів.

Природний градієнт у демонстрації прикладів

4. Примітивність у 3D

Стильна 3D-графіка - тренд UI-дизайну, що переходить у 2024 з 2023 року. Дедалі більша кількість дизайнерів використовують інструментарій ефектів, оживляючи інтерфейси та візуалізуючи окремі інструменти. У 2024 році 3D використовується для надання стандартних товарів та послуг, його реалізують у:

• товарних карток, що дозволяє клієнту розглянути продукт із усіх боків, просто обертаючи картинку. Такі інструменти вже впроваджені на Вайлдберріз та у великих інтернет-магазинах;
• віртуальних картах та схемах. Наприклад, клієнт бачить карту торгового центру чи промислового підприємства, після кліка може розглянути, що усередині конкретних приміщень і секцій.Особливо популярний такий формат у девелоперському середовищі, де є потреба у презентації новобудов, ресторанно-готельному бізнесі та об'єктах з високою відвідуваністю;
• оформлення – це повноцінні каруселі з 3D-об'єктів чи інтерактивні карти, на яких відображено історію бізнесу;
• освітніх онлайн-проектах для візуалізації геометричних постатей, форм, механізмів, природних явищ;
• інфографіці, що забезпечує підвищення наочності графіки, діаграм, іншої представленої інформації.

Інтерактивна 3D-презентація на головній

Найпростіший 3D-дизайн повинен забезпечувати реалістичність, не уповільнювати швидкість завантаження сторінок та посилювати інтерактивність, підвищуючи якість взаємодії для користувача.

5. Нестандартне розташування елементів

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

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

6. Піксель для оформлення

Піксельний стиль знову в моді, він імітує ретро-мотиви, поєднуючись із сучасними трендами. Іде корінням у той час, коли про дозвіл дисплея 4К можна було тільки мріяти, а більшість відеокарт не могли похвалитися продуктивністю. Найпопулярніший спосіб використання – реалізація в кількох літерах, персонажі або зображенні: піксельні 8-бітові елементи виглядають нестандартно, навіваючи легку меланхолію бумерам та міленіалам.

Піксель у графічному дизайні

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

7. Багато інтерактивності

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

• візуалізація під час завантаження сторінки.Дослідження показали, що відвідувачі залишають сайт, якщо він завантажується понад 2 секунди. Погіршуються фактори користувача, що стає причиною зниження позицій у пошукових системах (у комплексі з додатковими параметрами ранжирування). Для нейтралізації негативного досвіду веб-дизайнери застосовують 3D-графіку, анімацію та інші інструменти, щоб відвернути увагу від повільного завантаження та підвищити лояльність аудиторії;

Годинник, що символізує завантаження

• анімована прокрутка, приводить в дію елементи в той час, коли користувач скролює сторінку. Створюється відчуття, що сайт формується в режимі реального часу під час перегляду сторінок;
• слайдери та каруселі для горизонтального чи вертикального руху;
• анімовані підказки, що виникають у міру перегляду сторінки або при наведенні курсору на певний елемент;
• іконки та заголовки, наприклад, під час перегляду сторінки заголовок або текст з'являються повільно.

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

8. Колажі та дизайн на їх основі

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

Для колажування характерна різноманітність елементів, текстурні фони, фото, а також анімація. Тренд буде актуальним у 2024-2025 роках, але він підходить для креативних ніш, які мають запит на нестандартність. Йдеться про сферу моди, візажу, арт-проекти, сайти для підлітків та інших, де не потрібне суворе дотримання певних стилістичних концепцій.

Колажний дизайн за мотивами Гаррі Поттера

9. Щільність композиції

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

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

Щільне компонування елементів

10. Ефект рифленого скла

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

Так рифлене скло виглядає на практиці

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

11. Застосування точкової графіки

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

Основними рисами точкового стилю є абсолютна монохромність, перенесення в мінімалістичний дизайн, не перевантажений квітами та анімацією. Ефектно виглядають точки, перекладені в шрифти, що дозволяє надати проекту технологічних рис з відтінками футуризму. Доступне використання для створення ретро-ефектів, головне – витримувати єдину концепцію, щоб не отримати дисбаланс, у якому монохромні точки поєднуються з яскравим рифленим склом або ультрасучасними 3D-елементами.

Точкова графіка на сайті бренду Nothing

12. Мікроанімація (мікровзаємодія)

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

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

У 2024 році користувачі відчувають потребу в нарощуванні мікровзаємодії, якщо вони ще не впроваджені - зараз найкращий час. Анімовані елементи починають діяти самостійно або перегукуються з іншими сайтами. Дизайнери анімують як основні частини інтерфейсу, і іконки, меню навігації, підказки, форми зворотний зв'язок. Ефективні на корпоративних сайтах та в інтернет-магазинах, де потрібно наголошувати на певних деталях.

13. Велика типографіка

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

• досягнення вишуканої краси, у якій саме текст відіграє першочергову роль;
• застосуванняшрифтових пар (не більше 2 на проект), які забезпечують візуальну чистоту;
• витримка відстані між літерами: чим вони більші, тим більше відступи. Останні мають бути єдиними всім сторінок. Аналогічне правило діє відстані між рядками.

Великі літери у веб-дизайні

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

14. Динамічність сайтів

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

Багато компаній впроваджують мінімальний набір рішень для динамічності, наприклад, анімують іконки, інші елементи зберігають статичними. У поточному році можна сміливо запускати набір паралакс-ефектів, запрошувати користувачів на віртуальну екскурсію офісом, впроваджувати 3D-елементи і навіть GIF-зображення, а також квізи, що імітують реальну взаємодію із залученням ігрових механік. Після запуску динамічності потрібно проводити тестування та моніторити реакцію користувачів: перевантажені сайти погано завантажуються, що змушує дизайнерів дотримуватися балансу між красою та відповідністю очікуванням аудиторії.

15. Текстури для багатошаровості

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

Приклад використання активних текстур

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

16. Великі кнопки

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

Великі кнопки на сайті

Дизайнери реалізують зовсім нестандартні варіанти оформлення, такі як магнітні чи анімовані кнопки. Гонячись за креативністю, важливо не забувати про зручність користувача, дотримуючись правил із книги «Не змушуйте мене думати», написаної юзабіліті-інженером Стівом Кругом. Інтерфейс, особливо якщо йдеться про CTA-елементи, не може бути загадкою: кнопки – це просто кнопки, відхилення від загальноприйнятих стандартів призводить до того, що користувачі просто не розуміють, куди потрібно клацати та вводити дані.

17. Голосовий інтерфейс користувача

VUI (голосові інтерфейси користувача) – нова технологія, яку варто впровадити на сайт у 2024 році. Вона з'явилася на піку зростання голосових помічників, таких як Аліса від Яндекса, Siri, Google Асистент та подібних. Голосові інтерфейси вирішують такі завдання:

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

Раніше голосові помічники реалізувалися лише в мобільних додатках, проте вже існують технологічні рішення, що дозволяють впроваджувати їх у інтерфейс сайтів. Вони доступні і на російському ринку, наприклад, у 2022 році вітчизняна NeuroTech-компанія Neuro.net запустила людиноподібного помічника (Web PA) для сайтів: він надає консультативну підтримку та інформацію про продукти, пропонує додаткові товари та додає їх у кошик. Помічник повністю замінює менеджерів, які працюють із клієнтами, але вартість запуску може бути недоступною для малого та середнього бізнесу.

Вбудований голосовий помічник на сайті

18. Інклюзивний дизайн

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

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

19. Темний режим у веб-дизайні

Можливість перемикання на темний режим (Dark mode) є у багатьох браузерах та операційних системах, тепер вона вривається у веб-дизайн. Переваги темної теми ховаються у спрощеному сприйнятті інформації, зниженні навантаження на очі при читанні як з освітленням, так і без нього, збільшення автономності пристроїв (при взаємодії з ноутбуками та смартфонами). Dark mode виглядає стильно та вигідно виділяє сайт, але при реалізації потрібно дотримуватися низки порад:

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

Рекомендується дозволити користувачам вибирати відповідний колір за рахунок активації режимів світлий/темний.Іноді дизайнери йдуть на компроміс, створюючи комбінований варіанти, в якому світлі та темні блоки чергуються – це щось середнє між стандартом та Dark mode.

20. Скролінг у різних площинах

Тренд існував у 2022 та 2023 роках, у 2024 його популярність не падає. Існує кілька варіантів скролла:

• по осях Y і X (вертикально та горизонтально);
• по осях Y та X, а також Z для досягнення ефекту тривимірного простору.

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

На закінчення

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