реклама
разместить

Как должен выглядеть сайт в 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

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

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

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

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

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

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

Невыдуманные истории, когда владельцы бизнеса решили пренебречь информационной безопасностью
1515
44
33
11
11
реклама
разместить
Батюшка Бизнесменский, или как автор vc из топ-5 ворует чужую статью, выдавая её за своё интервью, а неудобные комментарии удаляет

Незапланированное воскресное расследование о том, как топовый автор обманывает читателей vc.ru

Батюшка Бизнесменский, или как автор vc из топ-5 ворует чужую статью, выдавая её за своё интервью, а неудобные комментарии удаляет
2323
66
33
11
11
Стратегию на 5 лет может написать любой дурак! А ты попробуй спланировать шаг на завтра?
Стратегию на 5 лет может написать любой дурак! А ты попробуй спланировать шаг на завтра?

Я очень долго думал, что Стратег подразумевает аццкие компетенции в построении Стратегий. Типа как Император Бонапарт, стоишь на холме, под тобой поле сражения. Конница справа, артиллерия слева, посредине тоже кто-то есть.

11
Космический корабль Crew Dragon с российским космонавтом Кириллом Песковым пристыковался к МКС

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

Фото NASA 
66
Недвижка подорожала до максимума, рубль сильно укрепился. Ипотека, дивиденды, облигации, крипта и другие новости. Воскресный инвестдайджест

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

Недвижка подорожала до максимума, рубль сильно укрепился. Ипотека, дивиденды, облигации, крипта и другие новости. Воскресный инвестдайджест
2020
33
33
11
11
Меня выгнали с работы, и я открыла глянцевый журнал. Разборки, воровство, слёзы...

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

Меня выгнали с работы, и я открыла глянцевый журнал. Разборки, воровство, слёзы...
1717
33
22
11
31 вариант международных площадок где можно опубликовать свою статью. В одной табличке с названиями, сайтами, описаниями и посещаемостью. Делюсь с вами
31 вариант международных площадок где можно опубликовать свою статью. В одной табличке с названиями, сайтами, описаниями и посещаемостью. Делюсь с вами
2222
55
Блогер, а ты отслеживаешь источники трафика в свой ТГ канал?
Блогер, а ты отслеживаешь источники трафика в свой ТГ канал?

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

22
11
«Чем ты гордишься?»: интервью со специалистом по визуальным эффектам клипа 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
реклама
разместить
«Вам бы делать хорроры»: в Голливуде появились первые ИИ-киностудии

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

1717
77
33
Наш актеры и так играют как ИИ
Делится ли имущество в "гражданском браке"?

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

Делится ли имущество в "гражданском браке"?
55
[]