Так вже склалося, що грудень — місяць підбиття підсумків і прогнозування трендів прийдешнього року. Тож згадаємо, що приніс нам 2021-й у сфері вебдизайну, і спробуємо передбачити, чого чекати наступного року.
У вас теж є відчуття, що пандемія склеїла та навіть заморозила 2020 і 2021 роки, перетворивши їх на суцільний шлейф 2019-го? У вебдизайні точно є! Здається, що ми в осередку трендів 2019–2020 років, а весь наступний час вони просто шліфувалися. Одні з них упевнено закріпилися, а інші набули ще більшого розвитку. Прогорнімо сторінку й подивімося, які ключові тренди супроводжуватимуть нас наступного року, звідки вони взялись і чому продовжують бути в топі.
Типографіка
Не постерами єдиними! Подумали декілька років тому вебдизайнери та перетворили типографіку не просто в одне з найтрендовіших рішень для сайтів, а трансформують та перезбирають її по новому й досі.
Самотньо розташовані великі заголовки в поєднанні з мінімалізмом — один з варіантів, який продовжує бути на вістрі тренду.
The LA Art Box
![](https://mmr.ua/wp-content/uploads/2021/12/1-thelaartbox.png)
Unusual
![](https://mmr.ua/wp-content/uploads/2021/12/2-unusual.png)
Jomor Design
![](https://mmr.ua/wp-content/uploads/2021/12/3-jomor.design.png)
Сміливі комбінації шрифтових стилів трапляються дедалі частіше. Тренд набирає обертів і впевнено крокує в рік наступний.
Kunalbelamkar
![](https://mmr.ua/wp-content/uploads/2021/12/4-kunalbelamkar.png)
Rvlt
![](https://mmr.ua/wp-content/uploads/2021/12/5-rvlt.png)
Infinite
![](https://mmr.ua/wp-content/uploads/2021/12/6-infinite.png)
Дедалі популярнішим стає використання друкарського шрифту — антикви. І ця тенденція збережеться в майбутньому.
Aquerone
![](https://mmr.ua/wp-content/uploads/2021/12/7-aquerone.png)
Florent Biffi
![](https://mmr.ua/wp-content/uploads/2021/12/8-florentbiffi.png)
Більше декоративного застосування. Більше нових шрифтів. Просто більше.
Це точка розвитку, якої мали сягнути шрифти, прагнучи захопити простір на сторінці. Тенденція зумовлена відсутністю в багатьох якісного фото- та відеоконтенту.
Jpahissa
![](https://mmr.ua/wp-content/uploads/2021/12/9-jpahissa.png)
Reverse Studio
![](https://mmr.ua/wp-content/uploads/2021/12/10-reversestudio.png)
Pertinens
![](https://mmr.ua/wp-content/uploads/2021/12/11-pertinens.png)
Колірні рішення та ретростилістика
Як і з антиквою та циклічністю моди, ми отримуємо новий цифровий виток забутих нами та незнаними зумерами 90-х. Водночас усе це має дуже свіжий вигляд.
Moooi
![](https://mmr.ua/wp-content/uploads/2021/12/12-moooi.png)
Long Scroll
![](https://mmr.ua/wp-content/uploads/2021/12/13-longscroll.png)
Кольорів тепер використовують більше. Та й самі вони стали яскравішими, а їх поєднання — сміливішими.
Meanpug
![](https://mmr.ua/wp-content/uploads/2021/12/14-meanpug.png)
Loblaw Digital
![](https://mmr.ua/wp-content/uploads/2021/12/15-loblawdigital.png)
Budapest Park
![](https://mmr.ua/wp-content/uploads/2021/12/16-budapestpark.png)
Стабільне життя паралакса
Здається, він ніколи не помре. А з кожним роком ставатиме все більш разючим і динамічним, перетворюючись у додатковий юзерський досвід.
Надалі ми все частіше бачитимемо ці красиві повітряні полотна з тугим кастомним скролом.
Kalso
![](https://mmr.ua/wp-content/uploads/2021/12/17-kalso.png)
Muzeum
![](https://mmr.ua/wp-content/uploads/2021/12/18-muzeum.png)
Dola
![](https://mmr.ua/wp-content/uploads/2021/12/19-dola.png)
Здається, в той момент, коли видавництва періодики, навпаки, переходять на діджитал сторону та оформлюють свої вебмайданчики, відходячи від стилістики аналогових версій, у концептах сайтів дедалі частіше зустрічається оформлення, яке нагадує обкладинки друкованих видань. Цей принцип застосовуватиметься і в майбутньому та набуватиме нових масштабів.
Niccolò Miranda
![](https://mmr.ua/wp-content/uploads/2021/12/20-niccolomiranda.png)
Daria Izbash
![](https://mmr.ua/wp-content/uploads/2021/12/21-dariaizbash.png)
Perturbator
![](https://mmr.ua/wp-content/uploads/2021/12/22-perturbator.png)
3D
Проєктування привнесло в життя дизайну і, зокрема, вебу любов до об’ємних форм. 3D пропонували всім, але далеко не кожен міг собі його дозволити. Але ми ж не стоїмо на місці, і це рішення у вебдизайні стає простішим і доступнішим. Хоча WebGL усе ще нечасте явище (через високу вартість), у більш простих форматах його чимало.
З появою сервісів, які надають готовий статичний 3D-контент безкоштовно або за доступною ціною, дозволити його собі може майже кожен. А отже, ми побачимо, як 3D набиратиме обертів.
Nam Cung
![](https://mmr.ua/wp-content/uploads/2021/12/23-nam.png)
Vivid+Co
![](https://mmr.ua/wp-content/uploads/2021/12/snimok-ekrana-2021-12-27-v-14.24.35-1024x569.png)
Деякі сервіси розробляють окремі тематичні 3D-паки, як ось цей, із різдвяною тематикою в статиці, та розширена платна версія з вихідними файлами.
Загалом подібних проєктів, сервісів і плагінів у Figma море. Тож не лінуйтеся витратити трохи часу й пошукати.
Christmas
![](https://mmr.ua/wp-content/uploads/2021/12/24-christmas.png)
Висновок
Як і в багатьох сферах життя ми прослідковуємо циклічність, так і веб не став виключенням. В одних рішеннях це ностальгія, але в більшості випадків — переосмислення форматів, відмова від правил та додання нового експірієнсу.
Не бійтесь експериментувати та дивитись по сторонах, адже саме так і зароджуються тренди.