Что такое ScrollyTelling (нет, не опечатка!), как ASMR и голос ковбоя помогают пользователю и почему в последние пару лет мы полюбили эскапизм — разобрали главные тренды в дизайне на 2022 год от Creative Boom, 99designs, Graphic Mama и по версии наших дизов.
Насматривайтесь, забирайте референсы себе на склад, но используйте с умом — тренды трендами, а цель бизнеса, отклик и удобство аудитории вперед всего.
Насматривайтесь, забирайте референсы себе на склад, но используйте с умом — тренды трендами, а цель бизнеса, отклик и удобство аудитории вперед всего.
Тренды от Creative Boom, журнала по искусству, дизайну и визуальной культуре
1
Mindful web design
Сайт бывшего главреда Apple Элизабет Бефус
В чем плюсы майндфул-дизайна?
- У Google обновились алгоритмы, теперь он выводит в топ поисковых систем сайты, которые быстрее грузятся. Используйте простой дизайн без утяжеления и наворотов, если вам важен трафик.
- В эпоху mobile first сайт должен быть оптимизирован под мобилку — а чем проще дизайн, тем легче выполнить эту задачу.
- Благодаря «заботливому» дизайну быстрее считывается и важная для пользователя информация, и месседж, который стремится донести бренд.
2
ScrollyTelling
Один из важных трендов графического дизайна 2022 — ScrollyTelling или повествовательная визуализация. Как она работает: когда вы прокручиваете сайт, то читаете статью, дополненную различными графическими эффектами. Это могут быть элегантные столбцы, анимация, видео — так дизайн постепенно раскрывает больше деталей и заставляет прокручивать дальше.
ScrollyTelling решает задачу, когда бренду нужно не просто донести до пользователя информацию, а вовлечь его в историю.
Зайдите на официальный сайт Apple AirPods Pro — здесь можно увидеть, как стильно и эстетично преображается страница с использованием различных элементов. Простой, но драматичный эффект с переходом от черного к белому, понятная анимация и поясняющий текст о продукте.
Еще один классный пример — сайт о каналах Амстердама с горизонтальной прокруткой, напоминающей олдскульную книжку с картинками, но в доступной, цифровой форме.
Больше о дизайне — на онлайн-курсе BASE
Мы собрали всё, что потребуется для старта:
- теорию
- инструкции по софту
- работу с ТЗ заказчиков
- выпускной проект по фирменному стилю бренда
А еще: каждому студенту курса мы даём промокод на карьерную консультацию с куратором сервиса «Эйч». Чтобы сразу пустить знания в дело.
Если пока не понимаете, подойдет ли вам курс — не беда! Можете оставить удобный способ связи, а мы лично расскажем все детали, сориентируем по сложности и поможем определиться.
3
Интерактивный дизайн
Дать пользователям возможность активно взаимодействовать с элементами на сайте — далеко не новинка в мире веб-дизайна.
А что насчет того, чтобы позволить людям самостоятельно выбрать оформление?
А что насчет того, чтобы позволить людям самостоятельно выбрать оформление?
При интерактивном дизайне все функции настраиваются юзером, он может:
- перемещать элементы дизайна по экрану
- выбирать цвета и фон
- решать, когда и как трансформироваться графическим элементам
На сайте Puppy Love, креативного агентства в Нью-Йорке и Лос-Анджелесе, можно выбрать цвета для фона и озвучку: ковбоя, ASMR или голос тетушки Рутни.
Еще один крутой ресурс, использующий аналогичный подход, — это образовательный мини-сайт от агентства Obys. Дизайнеры наглядно объяснили, как использовать сетки в дизайне, и дали возможность включать или выключать режим сетки прямо на сайте.
Новые тренды от 99designs
1
Ностальгия по 90-м
Совсем недавно такие сериалы и фильмы, как «Очень странные дела» и «Оно», вернули популярность ностальгии по 80-м вместе с готическими засечками и неоновыми цветами.
В 2022 году эпично возвращается ностальгия по 90-м, которая романтизирована в «Улице страха» Netflix. 90-е могут реализовать себя в самых разных воплощениях — это простые смайлики, примитивные интернет-фреймы и доисторический веб, как в одном из фирстилей конфы КОЛЛЕГИ. Олдскул!
2
Симпатичные каракули (Daydream doodles)
Дудлы или каракули — это не просто бессмысленные фигуры, которые вы рисуете на листочке во время созвонов (согласитесь, было?).
То, что вы создаете, может сказать о вас очень много. Каждый дудл — личная история, и в 2022 году дизайнеры будут чаще добавлять в работы элементы в стиле абстракции.
То, что вы создаете, может сказать о вас очень много. Каждый дудл — личная история, и в 2022 году дизайнеры будут чаще добавлять в работы элементы в стиле абстракции.
Этот прием помогает преодолеть разрыв между цифровым миром и живой человеческой реальностью, недиджитальной иллюстрацией или письмом от руки.
3
Эскапизм
Мысленно сбегать от пандемии в фантастические миры помогают визуалы в актуальном стиле эскапизма. Привлекательность этого приема не только в самом побеге от реальности, но и в присущей ему мифологичности: дизайнеры используют неожиданные цвета, яркие нереалистичные персонажи, множество деталей, которые хочется рассматривать и исследовать.
4
Замысловатый максимализм
Этот тренд в 2022 году предлагает заполнять пространство цветами, паттернами и элементами, которые отражают личность, желания и увлечения художника. По характеру и уровню напора это можно сравнить с юношеским максимализмом — когда хочется сразу показать все то, что вам нравится. Никаких компромиссов, никакого сдержанного минимализма.
Тренды от Graphic Mama
1
3D персонажи
Стиль 3D давно развивается, но в 2022 году художники будут чаще создавать именно 3D-персонажей — для приложений, сайтов и анимации. Такой прием помогает персонализировать бренд и создать эмоциональную привязанность: сложно устоять перед милым гарцующим пони, согласитесь.
2
Голографический дизайн
До сих пор голографические изображения чаще встречались в модной индустрии — на обуви, сумках и других аксессуарах, в принтах. Сейчас это немного неземное свечение добралось до веба, анимации и задает новую эстетику графического дизайна.
3
Психоделика
Тенденция родом из 1960-х снова в фокусе современных дизайнеров. Использовать стиль визуального кислотного трипа можно для того, чтобы отразить хаос и беззаботный дух шестидесятых.
Тренды от Ксюши Софроновой и Вики Животовской, дизов SETTERS
- Скетчинг привлекает внимание, потому что выглядит так, будто визуал сделан «от руки» или его вовсе нарисовал ребенок. Такой прием гармонично вписывается в строгую верстку — например, баннеров или плакатов. Его часто используют в сочетании со шрифтами и графикой те бренды, которые стремятся к неагрессивной коммуникации.
- DOF (DEPTH OF FIELD)
Этот прием размывает края объекта, за счет чего фокусный предмет становится акцентным, а у картинки появляется «глубина». DOF используют в графике, иллюстрациях и фотографиях.
- Аудиоформат
Звуковые материалы можно использовать как альтернативу видео. С помощью дорожек дизайнеры визуализируют что угодно, хоть интервью с коллегами, хоть медитации.
- Моушн
В диджитал-дизайне статика давно уступает динамике. Интерактивные шрифты, анимированные иконки и логотипы, зацикленная анимация и даже один движущийся элемент на статичной картинке — все это цепляет глаз и запоминается зрителю.
Хотите больше о графическом дизайне?
BASE
Практический онлайн-курс для начинающих дизайнеров. Мы собрали всё, что потребуется для старта:
Практический онлайн-курс для начинающих дизайнеров. Мы собрали всё, что потребуется для старта:
- теорию
- инструкции по софту
- работу с ТЗ заказчиков
- выпускной проект по фирменному стилю бренда
