Флешмоб против ИИ
Как Трамп покупал Tesla

Как должен выглядеть сайт в 2022? Главные тренды дизайна

Последние несколько лет веб-дизайн претерпел массу изменений — от нагроможденных информацией и «сверстанных на коленке» страниц до футуристичной 3D-графики и кислотной ностальгии по 80-м и 90-м.

Меня зовут Лагойский Алексей Дмитриевич, я владелец агентства Welstate, поэтому мы постоянно следим за трендами.

В этой подборке попробуем разобраться, какой дизайн сайтов будет выглядеть модно сейчас и позволит спокойно оставаться в тренде еще пару лет, не требуя сбора креативной команды и срочного редизайна. Что в будущем сэкономит и силы, и бюджет : )

Как должен выглядеть сайт в 2022? Главные тренды дизайна

1. Сложные градиенты

Сложные градиенты позволяют оставить дизайнерам поле для творчества, а пользователям сайтов и интерфейсов – легче считывать информацию и буквально погружаться в контент страницы. Вы можете использовать фоновые видео с градиентами, комбинировать градиенты с плоскими или объемными элементами, или с крупной типографикой. Больше легкости, больше прозрачности!

Высшим пилотажем будет, если вы позволите градиенту взаимодействовать с посетителем сайта: по клику или движению мыши, во время прокрутки страницы.

Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна

2. Дизайн «без дизайна»

Универсальное решение для тех, кто использует конструкторы сайтов или хочет самостоятельно создать эффектный сайт без навыков создания сложной графики. Однако, это не значит, что можно обойтись без правил композиции и чувства стиля ; )

В таком приеме важно соблюдать несколько правил: хорошо подобранные шрифты, воздух между элементами, игру контрастов (например, можно в качестве элементов дизайна использовать GIF-изображения в едином стиле, когда все остальное пространство – однородный фон и текстовое наполнение). Используйте крупные заголовки, один шрифт, контрастные цвета и минималистичную графику. Таким образом вы сможете сделать акцент на содержании. Но в таком проекте нельзя экономить на копирайтинге — текст выйдет на первый план.

Как должен выглядеть сайт в 2022? Главные тренды дизайна

К этому же тренды можно отнести прогрессивный минимализм или моноколорные решения.

3. Контрастные line-иллюстрации

Этот тренд перекликается с предыдущим пунктом, но здесь упор, все же, больше на иллюстрации: контрастные, с тонкими контурами. Дополняете такие изображения крупными заголовками и все, вы – прекрасны! Вообще, воздух и легкость, простота и лаконичность это то, что объединяет все тенденции, о которых мы сегодня рассказываем. Когда мы делаем лендинги, заказываем иллюстрации на фриланс-биржах, подбираем подходящие на стоках или рисуем сами (наши дизайнеры занимаются еще и иллюстрацией).

Для простых решений есть сервисы с бесплатными иллюстрациями, например, https://storyset. com/.

Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна

Hand drawn

Еще одно веяние – простые, нарисованные от руки иллюстрации (иногда на грани с детским рисунком), но с умелым взглядом профессионала. Такой подход делает сайт на 100% уникальным. А еще открывает возможность проявить собственный креатив на максимум. Владельцы бизнеса, которые любят участвовать в разработке и имеют под рукой iPad, смогут легко воплотить в жизнь даже самые смелые идеи и отправить свои иллюстрации разработчикам. Главное – помнить о простых правилах таких иллюстраций: четкий и идентичный контур изображений, не более 3-5 цветов, легко считываемая идея.

Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна

5. Ну очень крупная навигация

Типографика и навигация с каждым годом становятся все крупнее и крупнее, чтобы выделить главные смыслы и подчеркнуть акценты. И вряд ли этот тренд когда-то устареет, настолько он функционален.

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

Как должен выглядеть сайт в 2022? Главные тренды дизайна

6. Метавселенная и аватары

Кому как, а новая реальность пришла к нам со всех сторон. С запуском метавселенной от бывшего Facebook (и еще с анонса animoji от Apple) появились и новые тенденции в дизайне. Например – использование аватаров вместо ваших фотографий на сайте, ключевые 3D-элементы в сочетании с кислотными цветами, техно-сетками и контрастными градиентами. Сюда же можно отнести прием, где роль графики выполняют только emoji.

Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна

7. Поведенческий дизайн

Behavior Design — тенденция на стыке дизайна + исследований поведения человека. Задача — вовлечь аудиторию, заинтересовать или вознаградить за определенные действия. Элементы поведенческого дизайна пришли к нам из приложений для фитнеса, которые постоянно отслеживают твой прогресс. Этот же прием используется, например, на сайте отелей, когда мы видим метку «этот отель сегодня забронировало 5 человек»7. Поведенческий дизайн

Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна

8. Возвращение арт-деко

Стиль ар-деко или арт-деко (от французского art déco, дословно «декоративное искусство») — влиятельное течение в интерьере, архитектуре и декоративном искусстве, впервые появившееся во Франции в 1920-х годах. Помним, что мода циклична и прямо сейчас арт-деко снова завоевывает мир, но уже в новом, обновленном формате. Арт-деко в веб-дизайне — это винтажная крупная типографика, правильные геометрические фигуры, журнальная верстка, золото. В общем, гламур и глянец в стиле «Великого Гэтсби». 8. Возвращение арт-деко

Такая стилистика отлично вписывается в модные проекты, связанные с искусством.

Как должен выглядеть сайт в 2022? Главные тренды дизайна

9. Анимация + контент = ❤

Спрос на сложную продуктовую анимацию появился еще год назад, но есть уверенное подозрение, что этот тренд будет набирать обороты еще минимум год-два. Анимация ради анимации больше никому не интересна. Используйте ее для усиления смыслов, вовлечения посетителей или для эффектного вывода продукта на главную страницу вашего сайта. Сейчас многие no-code конструкторы предлагают решения для создания таких анимаций за пару-тройку часов. Превращайте посещение сайта из унылого скроллинга в увлекательное путешествие!

10. Монохромный дизайн

Цветовым минимализмом удивить сложyо, а вот моноколор в ближайшим будущем может стать новым модным трендом. Зачем выбирать 2-3 цвета, когда можно один? 👌 На самом деле, монохром очень интересная штука. Во первых – мы не перегружаем голову пользователя обработкой цветов, во вторых – остается пространство для творчества в шрифтах и элементах, которые смогут поддержать и усилить смысловую нагрузку цвета.

Как должен выглядеть сайт в 2022? Главные тренды дизайна
Как должен выглядеть сайт в 2022? Главные тренды дизайна

Заключение

Тренды и модные тенденции в веб-дизайн не приходят из ниоткуда. Если вы хотите быть на шаг впереди остальных – следите за мировыми трендами в разных областях: одежда, культура потребления, еда, интерьер, архитектура, искусство, технологии, и вы обязательно найдете там подсказки. Надеемся, что эта подборка сумела вас вдохновить и была вам полезна!

А если вы хотите сделать сайт и ищите, у кого заказать модный лендинг, обращайтесь.

1616
4 комментария

Хорошая статья, спасибо

1

вам спасибо за коммент)

Да не за что, я сейчас как раз делаю проект, который нашла у вас в трендах.)) Еще несколько видела в трендах на бехе. Остальное возьму на заметку, хорошие примеры для насмотренности.

Большое спасибо за статью!

Комментарий недоступен

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

Мечта собственника — сильная команда и высокая производительность. Но риски для компании мало кто осознает. Рассказываем, как предпринимателю понять мотивы сотрудников, есть ли угроза мошеннических схем, подделок документов, утечек информации и финансов.

Невыдуманные истории, когда владельцы бизнеса решили пренебречь информационной безопасностью
88
44
11
11
11
реклама
разместить
Недвижка подорожала до максимума, рубль сильно укрепился. Ипотека, дивиденды, облигации, крипта и другие новости. Воскресный инвестдайджест

Всем желающим купить первичную недвижку лучше присесть. Она подорожала до максимумов, спасибо льготной ипотеке. Но есть и хорошие новости для фанатов крепкого рубля и дивидендов. Пока крипта валится вниз, замедляется рост инфляции, а эксперты гадают по поводу снижения ключевой ставки. В вашем любимом дайджесте ещё много про что, читайте!

Недвижка подорожала до максимума, рубль сильно укрепился. Ипотека, дивиденды, облигации, крипта и другие новости. Воскресный инвестдайджест
1616
33
33
11
11
31 вариант международных площадок где можно опубликовать свою статью. В одной табличке с названиями, сайтами, описаниями и посещаемостью. Делюсь с вами
31 вариант международных площадок где можно опубликовать свою статью. В одной табличке с названиями, сайтами, описаниями и посещаемостью. Делюсь с вами
22
Меня выгнали с работы, и я открыла глянцевый журнал. Разборки, воровство, слёзы...

Девушка была главным редактором журнала, но нахамила любовнице босса и её уволили. Запустила свой журнал, о котором узнал весь город, но перед этим были конфликты, кражи денег и отчаяние.

Меня выгнали с работы, и я открыла глянцевый журнал. Разборки, воровство, слёзы...
1515
33
11
Французский суд разрешил Павлу Дурову временно покинуть страну — AFP

По данным агентства, он уехал в Дубай.

Павел Дуров, фото AFP
3030
99
55
22
11
«Вам бы делать хорроры»: в Голливуде появились первые ИИ-киностудии

Издание Forbes рассказало, что за фильмы они снимают и какие инструменты используют.

1717
77
33
Наш актеры и так играют как ИИ
«Чем ты гордишься?»: интервью со специалистом по визуальным эффектам клипа Abracadabra Lady Gaga

Что заставляет специалиста по-настоящему гордиться своей работой?Я попросил лучших в своём деле рассказать свои истории.
Читайте коллекцию отличных историй замечательных специалистов!
Сегодня с нами Игорь Эйт — VFX Supervisor (Lady Gaga, Damiano David, Kaytranada, Korn, Little Big* и др.) с рассказом о своей работе.

Рубрика «Чем ты гордишься?» | Изображение создано в сервисе <a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Fgerwin.io&postId=1043253" rel="nofollow noreferrer noopener" target="_blank">Gerwin.io</a>
1111
33
Концертный бизнес: почему срываются шоу и концерты? Роль концертного директора

За несколько часов до выхода на сцену нервы на пределе: сыпятся угрозы, звучат громкие заявления – "Концерта не будет!". А шоу должно продолжаться.

Концертный бизнес: почему срываются шоу и концерты? Роль концертного директора
1111
77
22
11
Делится ли имущество в "гражданском браке"?

Верховный Суд в очередной раз высказался по вопросу "гражданского брака" и приобретения имущества в период совместного проживания, без оформления брачных отношений.

Делится ли имущество в "гражданском браке"?
55
реклама
разместить
Купил 5 вендинговых аппаратов за 900к и провалился. Показываю реальные цифры доходности.

Наёмный менеджер тестировал вендинговые аппараты как дополнительный инструмент сбыта товара, но что-то пошло не так...

Купил 5 вендинговых аппаратов за 900к и провалился. Показываю реальные цифры доходности.
3333
22
22
11
Мяудза́ — не просто таск-трекер, а инструмент для максимально эффективной работы команды

Продолжаю искать и находить отличные сервисы, сегодня принёс сервис управления задачами с чатом, документами и фокусом внимания, который может стать пультом управления вашей командой.Устали от «включить VPN, выключить VPN», тормозов и ожидания новых блокировок? Тогда добро пожаловать в материал 🤝🏻

Если нет надёжного инструмента контроля дел — может получиться и так
2020
99
11
11
День 1116: аналитики ожидают, что ЦБ на заседании 21 марта 2025 года сохранит ключевую ставку на уровне 21%

Собираем новости, события и мнения о рынках, банках и реакциях компаний.

Фото РБК
44
22
11
[]