Тренди веб-дизайну 2023

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

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

1. AI-powered branding
2. Acid green
3. Dynamic identities and logomarks
4. Nonstop '90s
5. Subversive navigational hierarchy
6. Friendly fonts
7. Soft, tactile 3D elements
8. Digital collage and handmade aesthetics
9. Scroll-based animations and triggers
10. Candy-like color

Брендинг на основі AI

AI генератори тексту в зображення, такі як DALL-E 2 і Midjourney захопили інтернет цього року, ми побачили, як бренди почали експериментувати з новою технологією у своїх рекламних кампаніях, вебдодатках та соціальних медіа.

Heinz використовував DALL-E 2, щоб згенерувати бачення штучного інтелекту на продукт. &Walsh використав цю технологію для створення серії фірмових значків, які пропагують використання чистої ядерної енергії «Isodope», а дизайнер Девід Руднік створив унікальний стиль для конференції Web3 FWB.

Цей тренд змусив веб-дизайнерів задатись питанням, чи посягне нова технологічна тенденція на їхні робочі місця. Але поки інструменти просто стали частиною творчого процесу. «Щоразу, коли виникає потреба досліджувати візуальні концепції, дизайнери шукають нові способи вираження своїх ідей», — каже Захарі Баутіста, креативний директор і партнер агентства Rethink, яке працювало над кампанією Heinz. «АІ стає більш доступним для дизайнерів та стане ще одним інструментом у творчому арсеналі, подібним до Photoshop або 3D».

Кислотний зелений

Від яскравого ребрендингу Amazon Freevee від Buck до стійких харчових брендів як, наприклад LOKOL, розроблений бренд-дизайнером Карлою Палетт, і Graza. Флуоресцентний зелений, здавалося, з’явився вже скрізь в Інтернеті й за прогнозами кількість зменшуватись не буде. Ця остаточна тенденція веб-дизайну 2023 року. Такі вібраційні неонові відтінки відразу створюють інтуїтивний заряд серед споживачів, каже Камілла Чу, креативний директор групи Buck. Він створює енергію, хвилювання, електрику та високий рівень гучності — все одночасно.

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

Обробка кольору також відроджується по-новому. За словами дизайнера з досліджень і розробок Editor X Аміта Асуліна, у минулому неон здебільшого використовувався для додання композиціям відчуття щастя та яскравих кольорів. «Сьогодні використання флуоресцентного кольору стало більш витонченим, стриманим і зрілим: він з’являється поруч із холодним кольором, чорним і білим, і рухається по канату контрасту та балансу з іншими кольорами в кадрі».

Динамічні ідентифікатори та логотипи

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

Зростає й інтерес до динамічних матеріалів. «Можливість сприймати динамічні логотипи та ідентифікацію стає все більш доступною, оскільки вони потенційно можуть забезпечити набагато більш детальний, виразний і часто унікальний вигляд у будь-якому масштабі», — каже Едді Опара, партнер Pentagram, щодо збільшення використання таких форматів.

Зрештою, гнучкість, притаманна динамічним ідентифікаціям, створює інноваційні та універсальні системи, які статичний логотип, наприклад, просто не може відтворити. Кілька таких прикладів: динамічна система Opara та його команди (3D-анімований логотип) для ребрендингу фонду Меллона, динамічна система бренду Brand New Conference від Under Consideration, кампанія Saatchi & Saatchi для Hoop Cities та айдентика GSK від Вольфа Оллінза тощо.

Нескінченні 90-ті

Ностальгія залишалася домінівною темою в усіх аспектах дизайну цього року, і серед тенденцій веб-дизайну вона, мабуть, найбільша. Барвистий ребрендинг Girl Scouts від COLLINS був схожий на версію літнього табору для підліткових каталогів 90-х і брендів одягу, таких як dELiA's і Limited Too, але переосмислений для цифрової аудиторії покоління Z. Ці та інші інноваційні способи використання естетики 90-тих відобразили безлад і експерименти, які існували у ранній інтернет-культурі.

За словами Джейн Макфарлейн, креативного директора бренду Digital Fairy, значного впливу завдав той факт, що ніхто не знав, як поводитися в Інтернеті в нулеві, було відчуття свободи та наївності. Можливо, тому ця естетика настільки популярна сьогодні. Це був час, коли люди не мали ідеально підготовленої онлайн-присутності.

«Я вважаю, що бренди можуть навчитися на неоднозначній грайливості естетики нульових», — каже Макфарлейн.

Підривна навігаційна ієрархія

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