UX/UI

Антитренди у web-дизайні

721
читати 3 хв.
18.10.24

Ми часто чуємо про тренди в дизайні та прагнемо не відставати від новітніх тенденцій, але як часто ти замислювався про те, що будь-який тренд в одну хвилину може перетворитись в антитренд?

Нещодавно 14-й iPhоnе був трендом, а сьогодні цей тренд залишився тільки в історії. Так само і в дизайні. Якась масштабна дизайн-студія створила сайт з надзвичайно привабливою анімацією для всесвітньо відомого бренду, — тренд.  Всі почали використовувати технологію цієї анімації у своїх проєктах, —  і начебто цей прийом  залишився трендовим, але вже трошечки “заїжджений”. Анімація перестала захоплювати відвідувачів сайту, ось вам вже і антитренд.

Тож ганятись постійно за модними тенденціями в ux/ui-дизайні, справа досить складна і не завжди необхідна для кінцевого замовника. Дизайн повинен бути зрозумілим, привабливим, зручним і сучасним, — це класика. Але все ж таки є певні розповсюджені дизайн-прийоми, які хоч і вважаються сучасними, та використовувати їх треба з обережністю, назвемо їх “антитренди” і саме про це бути йти мова в цьому матеріалі.

 

Ілюстрація у вебдизайні

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

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

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

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

Антитренди у web-дизайні - фото №1

 

Автор: Aisaa

Антитренди у web-дизайні - фото №2

 

Автор: Wakia Tun Nur Nisha

Антитренди у web-дизайні - фото №3

 

Автор: Pixelz

 

Стоковий дизайн

Знов-таки, це явище повʼязано з дефіцитом унікального контенту, як і попередній антитренд. Різниця в тому, що тут ми використовуємо фотографії, а не ілюстрації. Але це не є унікальні фото, зроблені під запит окремого бренду. Це дуже гарні, соковиті  безкоштовні фото зі спеціалізованих стоків, таких як Freepik, Unsplash та інші.

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

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

Антитренди у web-дизайні - фото №4

 

 

Автор: Olga Iutrina

Антитренди у web-дизайні - фото №5

 

Автор: Ruhul Amin

 

Наслідування неоморфізму

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

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

Антитренди у web-дизайні - фото №6

 

Автор: Władysław

Антитренди у web-дизайні - фото №7

 

Автор: Devanta Ebison

 

Скруглення

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

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

Антитренди у web-дизайні - фото №8

 

Автор: Awsmd

Антитренди у web-дизайні - фото №9

 

Автор: Shakuro UI/UX

 

Арки

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

Як варіант, замість використання звичайних арок спробуйте використовувати інші геометричні фігури.

Антитренди у web-дизайні - фото №10

 

Автор: AR Shakir

Антитренди у web-дизайні - фото №11

 

Автор: Andrew Jr.

 

Висновок

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

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