Обучайся бесплатно с WAYUP Premiere сегодня вечером

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

1. Парящий визуал

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

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

2. Использование VR

Первый сайт с использованием VR появился в 2017, сейчас это становится все более востребовано. Технология стала проще, как и доступ к ней рядовых пользователей. Пока еще это не самый популярный тренд, но за ним явно будущее. Листать меню взглядом и подтверждать действия кивком головы – разве не это мы видели в научной фантастике и хотим воплотить в жизнь?

Такой подход будет ориентирован в первую очередь на пользователей планшетов и смартфонов. Нужны будут лишь очки VR.

3. Интерактивный дизайн

Пользователям скучно просто читать тексты и смотреть картинки, как раньше. Нужно нагружать разные участки мозга, зацепить взаимодействием с сайтом. Уже давно стало ясно, что добавление видео повышает конверсию, если ролик сделан толково и не слишком длинный. Для облегчения загрузки можно использовать GIF-анимации, когда это уместно.

Но и этого мало. Нужно, чтобы сайт изменялся под действиями пользователя. И не нужны сложные перемещения – достаточно «оживить» детали. Классика – изменение цвета элемента при наведении на него мышкой, анимирование курсора. Но также интересно сделать немного плавающие картинки и элементы страницы.

Посмотрите, как мы реализовали это на странице курса «‎Веб-дизайнер 2.0: Взрывной старт»‎: ракета приятно шевелится под курсором, как и окружающие ее элементы. Да, мы сделали это до того, как это стало мейнстримом.

4. Асимметрия

За годы работы каждый веб-дизайнер знает наизусть возможные варианты строения сетки. И пользователям тоже стали приедаться стандартные макеты. Чтобы немного встряхнуть мозг читателя и выделиться из толпы нужно делать прототипы не по шаблону и даже без традиционной симметрии.

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

5. Природные формы и текстуры

В некоторых случаях отход от симметрии приводит к возможности также перестать использовать четкие геометрические формы. Извилистые линии, нарисованные от руки края, небрежные рамки. Все это при правильном расположении помогает все так же ясно видеть структуру, но не «резаться» об углы и излишне идеальные элементы. Органические формы более приятны глазу и делают восприятие не таким сухим.

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

6. Инклюзивность

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

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

7. Рисовка от руки

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

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

Про секреты классного визуала можно узнать подробнее в нашем новом онлайн-интенсиве «Векторная графика в веб-дизайне за 4 недели».

8. Персонализация контента

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

Также уже практикуется несколько вариаций UX, которые подстраиваются не только под опыт пользователя на конкретном сайте, но и под психотипы. Как это возможно?
Современные способы сбора данных позволяют понять, какой именно посетитель перед ними, учитывая его активность. Медленно или быстро он просматривает материалы, задерживается на картинках, инфографике или текстах, пришел как наблюдатель или как активный пользователь.

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

9. Сплит-экран

Разделить экран пополам и сделать два разных дизайна – идея в некоторых случаях не только визуально интересная, но и спасительная. В два раза больше контента, двойной посыл, умножение смыслов. Это очень цепляющий первый экран, в который можно вложить многое. Главное в этом деле не переусердствовать с количеством данных и понимать, что разные стили и дизайнерские элементы все равно должны быть согласованы между собой.

10. Визуал еще проще

Трендом прошлых лет стал флэт-дизайн со своим упрощением и плоскими формами. Казалось бы, куда проще. Но, как говорится, снизу постучали – теперь в моду входят дизайны с линиями и фигурами, которые созданы будто в Paint.

Многие неискушенные пользователи наивно полагают, что сделать такое сможет каждый. Но тут как с квадратом Малевича – с виду просто, а на самом деле сделать шедевр дано не всем. Чтобы работать в таком стиле, нужно иметь годы практики и безупречный вкус – тогда результатом будет не детская мазня, а стильный современный сайт 21 века.

Если обобщить, то в 2021 все силы веб-дизайнеров будут направлены на то, чтобы облегчить работу пользователя на сайте, создать более персонализированные и человечные страницы. Важно помочь человеку достичь его целей на сайте, а не навязывать свои. Безусловно, вышеперечисленные тренды должны применяться с учетом особенностей бизнеса – где-то нужна ручная рисовка, а где-то исключительно упор на футуристичность. В любом случае важно учитывать пользовательский опыт аудитории и попробовать улучшить его. Эти вопросы подробнее рассматриваются в рамках онлайн-интенсива «Векторная графика в веб-дизайне за 4 недели» – записывайтесь, пока на него скидка 40%.

Воспользоваться скидкой

Как вам материал?