Все по-старому: тренды веб-дизайна, которые популярны в 2021 году

Редакции помогал:

Виктор Соколов
Арт-директор «Coalla Agency»
 

Каждый год ожидаем от трендов веб-дизайна чего-то космического и прорывного. Но прогнозы на 2021, которые получены от веб-дизайнеров, говорят об обратном. Редакция блога «Coalla Agency» верит, что тренды веб-дизайна 2021 года вдохнут жизнь и человечность в бездушный цифровой мир, поэтому подготовила о них большой материал на основе популярной публикации с 99designs.com.

Тенденции 2021 года подчинены общей теме: вместо стремления к реализации задумок из разряда научной фантастики, веб-дизайнеры открывают новые грани реалистичности цифровой среды. Эффекты из окружающего мира переносятся в цифровой мир, тем самым позволяя сайтам быстро становиться частью повседневной жизни человека.

 

Содержание

  1. Параллакс-эффекты
  2. Неоморфизм
  3. Абстрактные композиции
  4. Кавайные цвета
  5. Актуальный дизайн
  6. Цифровое отражение реальных вещей
  7. Интерактивные опросы
  8. Объемные цветовые переходы
  9. Использование иллюстрации в веб-дизайне

 

 

Параллакс-эффекты

Источник: 99designs.com

 

От минимальных изменений в виде исчезновения кнопок до распадания фоновой картинки на частицы, популярность анимации растет с момента появления. В 2010-х годах эффект параллакса использовали на простых лендингах и одностраничных сайтах, но, с увеличением пропускной способности интернет-каналов и производительности клиентских устройств, такая анимация в 2021 году вполне может стать неотъемлемой частью многостраничников.

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

 

Неоморфизм

Источник: dribbble.com

 

Неоморфизм привлекал внимание в 2020 году, и в 2021 обещает развить в людях поклонников реализма и футуризма. Стиль выступает наследником скевоморфизма — подхода, использующего реалистичную отрисовку знакомых элементов и материалов, вроде пластика и стекла, в дизайне для веба и приложений. Пик популярности скевоморфизма пришелся на ранние 2010. Тогда большинство иконок приложений выполнялись как раз в такой стилистике. Вспомним хотя бы иконки в версиях macOS до 2103 года. Эту тенденцию отчасти вытеснил плоский дизайн, где упрощенные цвета и отрисовка иконок выглядели не так реалистично, зато их было проще идентифицировать. Отрисовка в подобном стиле стоила дешевле для бизнеса, да и времени, которое должен потратить дизайнер на работу, нужно меньше. В неоморфизме смешиваются оба тренда, где реалистичность достигается частичным размытием, углом и интенсивностью теней, но цвета остаются «плоскими», без глубины, бликов и контрастных участков. Это позволяет дизайнерам передавать представление о тактильных ощущениях, на которых не было акцента в плоском дизайне; усиливать понимание дизайна пользователем при взаимодействии. С нетерпением хотим увидеть такой реализм на элементах страниц в веб-дизайне 2021 года. Но понимаем, что такой дизайн не универсален и подойдет не каждому проекту.

 

Абстрактные композиции

Источник: dribbble.com

 

Абстрактные формы, особенно состоящие из примитивных кругов и прямоугольников, выглядят просто и минималистично. Но в 2021 году дизайнеры объединяют их в сложные и связные иллюстрации, подчеркивающие смыслы бренда. Подобные абстракции заменяют стоковые фотографии на страничках. Добавляют уникальности дизайну и при комбинации со снимками людей, подчеркивают и раскрывают эмоциональность последних. Их вызывающие, яркие композиции в стиле Малевича, Мондриана* излучают энергию, а насыщенные цвета оживляют дизайн макетов. И выглядят уникально, даже если там использованы приевшиеся стоковые фотоснимки.

*Казимир Малевич (1879-1934) — российский и советский художник-авангардист, основоположник супрематизма, крупнейшего направления абстракционизма. Питер Корнелис Мондриан (1872-1944) — нидерландский художник, практически одновременно с Малевичем положивший начало абстрактной живописи. — прим. редакции

 

Кавайные цвета

Источник: dribbble.com

 

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

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

Повлияла и пандемия коронавируса, заставившая общаться коллег по видеосвязи. Этим объясняется популярность «темного режима», дающего возможность отдохнуть от засилья белизны, доминирующей в цифровых изданиях, блогах, медиаплощадках. В 2021 году дизайнеры думают уже вне монохромных рамок. Находят решения в пастельных цветовых тонах, например мягкий голубой, теплый коричневый или светло-розовый. Это делает палитры сайтов менее контрастными по сравнению с чисто черным или белым, незаметно добавляет ощущение уюта и релакса. Тренд позволяет надеяться, что веб-дизайнеры в 2021 году предпочтут продвигать удобство и комфорт, а не внедрять инновации ради вау-эффекта. Хотя и последний должен присутствовать, иначе пользователь будет скучать.

 

Актуальный веб-дизайн

Источник: dribbble.com

 

С пандемией COVID-19 и необходимостью покупать товары не выходя из дома, интернет выполнил роль спасательного круга. Онлайн-трансляции стали нормой для общественных мероприятий, а некоторые традиционные бренды были вынуждены переключиться на электронную коммерцию, чтобы не дать бизнесу исчезнуть. Веб-дизайнеры же уловили потребность бизнеса, создавая осмысленные и вовлекающие дизайны сайтов. В 2021 году видим, как веб-дизайнеры продолжают помогать миру переживать сложные времена. Это значит, что бренды продолжают фокусировать внимание на своих достоинствах, таких как поддержка от сообщества или устойчивость на рынке. Используют фотографии, отражающие их реальных клиентов, предупреждают страхи людей перед происшествиями при помощи вовлекающих визуализаций и симуляций процессов, вроде уменьшения количества заболевших коронавирусом. Также наблюдается увеличение популярности сервисов по самостоятельному созданию сайтов, вроде Tilda, Ecwid или ReadyMag. Ведь открыть собственный бизнес в России становится проще, особенно если планируемый канал сбыта — интернет. Цель веб-дизайна в улучшении взаимодействия с пользователем и потому в 2021 году лучший опыт формируется из тех ценностей, целей и проблем, которые касаются аудитории бренда или ее большей части.

 

Цифровое отражение реальных вещей

Источник: dribbble.com

 

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

 

Интерактивные опросы

Источник: dribbble.com

 

Знакомство с сайтом — небольшой временной отрезок, когда человек попадает на страницу, — шанс повлиять на удержание внимания пользователя. Похоже на прогулку по лезвию ножа, где с одной стороны — интерес, вовлеченность и совершение полезного действия, а с другой — безразличие и уход к конкурентам. И качество первого взаимодействия обязательно склонит посетителя на одну из сторон. Вместо того, чтобы дать человеку ознакомиться со всем списком продукции и характеристиками, больше брендов начинают использовать опросники для повышения интерактивности во взаимодействии с сайтом. Такой подход позволяет определить вкусы покупателя, заинтересованность в чем-то конкретном и подобрать для него только те товары, которые ему точно понравятся. Для дизайнера это означает, что страницы сайта больше напоминают карточки какой-то игры с анимацией при переходе на другой уровень, чем стандартные простыни с множеством текста и мелких изображений. Ну и зачем ждать, пока посетитель нажмет кнопку опроса в шапке сайта — полезное действие должно быть совершено как можно раньше, тем самым повышая шанс конверсии. Такие ознакомительные опросы завоевывают внимание возможного клиента сервиса или интернет-магазина даже без регистрации. Потому ожидаем, что такой подход станет стандартным для работ веб-дизайнеров в 2021 году.

 

Объемные цветовые переходы

Источник: dribbble.com

Решения в виде градиентов используются в веб-дизайне уже долго, и чувствуем, что тенденция нынешнего года претерпит очередную эволюцию и достигнет невиданной реалистичности цветовых переходов. Смотря на реализацию этого тренда в операционной системе Big Sur от Apple, ждите живых, трехмерных цветов. Настолько, будто их можно потрогать руками сквозь экран. Главное не забывать, что мониторы пользователей зачастую не так совершенны, как дисплеи дизайнеров и потому картинка может отличаться. Это футуристично, красиво, но в реалиях России может сыграть дурную службу. Просто учитывайте аудиторию, под которую проектируете дизайн. Но, так или иначе, тренд подразумевает, что цвета в веб-дизайне 2021 года достигнут вершин реалистичности.

 

Использование иллюстрации в веб-дизайне

Источник: dribbble.com

Спрос на иллюстрацию растет на протяжении последних лет и упомянуть его в сегодняшнем лонгриде редакция обязана. Ведь именно иллюстрация является коньком «Coalla Agency» и выделяет ее на фоне остальных агентств. Иллюстрация позволяет привлекать внимание посетителя и эмоционально привязать его к сайту или элементу дизайна. А то, что завязано на чувствах, всегда кажется человеку теплее. Для цифрового мира это важная особенность. Ведь иллюстратор графически упаковывает смыслы бренда, да так, что никакая фотография не сможет сравниться. И еще вопрос стоимости немаловажен. Найти хорошего иллюстратора, который нарисует векторные, растровые иллюстрации подходящего стиля будет дешевле, чем купить расширенные лицензии на стоковые фотографии. И при этом будет гарантия того, что иллюстрации, которые использованы в вашем проекте — уникальны. Так поступает «СБЕР Банк» в мобильном приложении, где иллюстрации используются в сплэш-экранах. А гиганты вроде Dropbox внедряли их в дизайн-систему практически с момента основания компании в 2007 году.

Оставить заявку