лучшие сайты 2021 года дизайн примеры

10 трендов дизайна креативов 2021-2022, которые цепляют сейчас и будут цеплять в ближайший год + много примеров

Наш дизайнер уже давно просился написать в наш блог, собирал примеры и отслеживал тренды. И вот сегодня мы рассмотрим 10 (и еще 2 спорных) трендов в дизайне креатива, которые, на наш взгляд, способны повысить CTR объявления, поэтому, вероятно, доживут с нами оставшиеся месяцы 2021-го и перейдут в 2022 год.

И сразу важный дисклеймер. У нас нет цели сказать этой статьей: «Делайте так, а вот так не делайте». Каждый креатив заходит определенной аудитории и существует в определенном социальном и медийном контексте. Каждое дизайнерское решение имеет право на жизнь и может кому-то понравиться. Мы лишь отразили актуальные общие тенденции, стили и мотивы, попытались их объяснить и показать их примеры.

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

1. 3D всемогущий

Да-да, мы знаем. У 3D уже выросла борода, но его все равно в каждой подборке заносят в тренды. А все почему? Потому что 3D меняется. Раньше это были известные, наверное, всем округлые человечки и предметы в пастельных тонах и с пластиковой текстурой. Вот такие:

Автор/владелец: Cabeza Patata Studio, croa san, Laura Sirvent, Daniela Avilés Автор/владелец: Cabeza Patata Studio, croa san, Laura Sirvent, Daniela Avilés

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

Автор/владелец: Cabeza Patata Studio Автор/владелец: Cabeza Patata Studio

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

Источник: https://www.instagram.com/raiffeisenbank_rus Источник: https://www.instagram.com/raiffeisenbank_rus Источник: https://www.instagram.com/raiffeisenbank_rus Источник: https://www.instagram.com/raiffeisenbank_rus

Раньше среди визуалов банка был классический и даже упрощенный 3D (проще говоря, 3D-мокапы). Например, вот:

2. Яркие и контрастные цвета

Они в тренде уже довольно долго, так как позволяют отразить оригинальность, современность продвигаемого продукта. Кроме того, они очень хорошо отстраивают креатив заказчика от конкурентов (конечно, если у конкурентов более скромная цветовая гамма). Особенно трендовыми являются сочетания цветов из ряда «розовый – фиолетовый – сиреневый – ярко-зеленый».

Стоит оговориться, что яркие креативы лучше всего действуют на молодую аудиторию до 25 лет, людей постарше они могут оттолкнуть.

Владельцы креативов: https://ipex.global (1), Sushavon Paul (2), Nurul Alam (3,4), Artem Garaev (5) Владельцы креативов: https://ipex.global (1), Sushavon Paul (2), Nurul Alam (3,4), Artem Garaev (5)

Кстати, яркий котик смотрится рядом с другими объявлениями более чем заметно:

Чтобы посмотреть, какие креативы используют конкуренты, можно сначала собрать список URL и запросов (например, с помощью нашего парсера), а потом прочекать каждого вручную. Спарсить объявления сразу с креативами позволяет SimilarWeb, но только расширенная платная версия. У нас есть отдельная статья по сервисам сбора данных о конкурентах. Если еще не читали, рекомендуем.

3. Голографические элементы

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

Авторы/владельцы: Local Doctor (1,2), Need Some Tacos (3), Giovanni Medalla (4) Авторы/владельцы: Local Doctor (1,2), Need Some Tacos (3), Giovanni Medalla (4)

4. Неон и киберпанк

Яркие неоновые пятна и линии – это хороший способ акцентировать внимание на объекте продвижения. Вторую жизнь в неон вдохнула популярность киберпанка, которая вспыхнула благодаря выходу одноименной игры в конце 2020 г. Элементы киберпанка долго не отпускали дизайнеров, даже сейчас на просторах Интернета можно встретить визуалы с фоном, отдаленно напоминающим Найт-Сити. По нашим прогнозам, трендовость неона скоро сойдет на нет, но пока он еще актуален.

Авторы/владельцы: Artem Garaev (1,2), Maharab Hossen (3), Shahedur Rahman (4)

5. Пластик, полиэтиленовая пленка

У пластика в масс-культуре очень богатая история: еще в 1960-х Пако Рабанн показал коллекцию одежды с глянцевыми пластиковыми элементам. На 90-е пришлась новая волна популярности материала. Из-за этого трудно сказать, почему именно тренд на пластик и полиэтилен пришел в дизайн. Возможно, это связано с другим модным веянием, которое мы, кстати, поддерживаем, – с экологичностью. Пусть лучше пленка будет на креативах, чем в земле и воде.

Авторы/владельцы: Егор Сидоров (1,2), illusate Zhang и ZUI Tag (3)

6. Типографика и работа с текстом

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

Авторы/владельцы: Katerina Blistanova (1) Esrat Jahan (2), Magnet Graphic (3), Владимир Зуев (4)

7. Простые и сложные 2D-иллюстрации

Простые векторные рисунки пока не собираются покидать арсеналы дизайнеров. Схематичные человечки все еще чертят свои графики, смотрят в ноутбук и пьют кофе на визуалах даже крупных брендов. А вот сложная 2D-иллюстрация развивается: на смену плоским персонажам из простых геометрических фигур приходят усложненные с интересной мимикой, прорисованными тенями и сложным цветовым оформлением.

Авторы/владельцы: Яндекс (1), Elahe Baloochi и Azam Torshizi (2,3), Shahryar Taghipour, Elahe Baloochi и Mojgan Eliyasi (4), Alexandra Sviatchuk (5), Zahra Khorasani и Elahe Baloochi (6) Авторы/владельцы: Яндекс (1), Elahe Baloochi и Azam Torshizi (2,3), Shahryar Taghipour, Elahe Baloochi и Mojgan Eliyasi (4), Alexandra Sviatchuk (5), Zahra Khorasani и Elahe Baloochi (6) Авторы/владельцы: Яндекс (1), Elahe Baloochi и Azam Torshizi (2,3), Shahryar Taghipour, Elahe Baloochi и Mojgan Eliyasi (4), Alexandra Sviatchuk (5), Zahra Khorasani и Elahe Baloochi (6)

8. 90’s Experience

Мы не знаем, как правильно называется этот стиль. Иногда его называют «Опыт 90-х» (90’s Experience), потому что он отсылает к первым версиям Windows с их четкими контурами окон и простыми плоскими геометрическими формами. Нам понравилось это название. В современной интерпретации стиль содержит яркие градиенты и необычные оттенки. Часто поверх визуала наложена состаривающая текстура, делающая визуал похожим на страницу старого комикса или видавшего виды журнала.

Авторы/владельцы: Kirill Lapshin (1,2), Budujobs (3), Raphael de Luca (4)

9. Крупный план и детализация

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

Авторы/владельцы: Sebastien Sauvage (1,2), Lee Sungwook (3,4) Авторы/владельцы: Sebastien Sauvage (1,2), Lee Sungwook (3,4)

10. Мягкие градиенты

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

Авторы/владельцы: Virag Kiss (1,2), ПАО «Сбербанк» (3,4). Авторы/владельцы: Virag Kiss (1,2), ПАО «Сбербанк» (3,4).

А что насчет…?

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

11. Стекломорфизм

Мы считаем, что трендом это было в 2019, а сейчас уже неактуально. Хотя красиво, не спорим. И все еще используется. Сегодня размытые «стеклянные» элементы нередко сочетают с яркими градиентными фонами.

Владельцы креативов: Кристина Кривоконева (1), Dâmaris Cabral (2), Song hojong (3) Владельцы креативов: Кристина Кривоконева (1), Dâmaris Cabral (2), Song hojong (3)

12. Античные образы

Это когда лицо или фигура античной статуи обыгрывается в соответствии с тематикой креатива или вовсе без нее. Например, изображается Аполлон на баннере фитнес-клуба, Афродита – на баннере о косметике. Ну, или все подряд на креативе для нового аромата Yves Saint Laurent.

Владельцы/авторы креативов: Владимир Зуев (1), Joshua Caudwell (2)

Бывает даже такое совмещение античных статуй и флэт-иллюстрации:

Автор: Julia Svoboda Автор: Julia Svoboda

Античные мотивы еще можно встретить в рекламных креативах. Тем не менее, мы считаем, что этот тренд тоже продержится недолго.

Пара важных мыслей напоследок

Как бы ни был уверен в крутости креатива дизайнер, его руководитель и владелец бизнеса, креатив все равно нужно тестировать. Бывает такое, что баннер граничит с шедевром по своей идее и исполнению, но не работает. Задача на тестирование креативов для рекламы облегчается, если все РК собраны в одном месте, например в едином аккаунте Click.ru.

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

Многие современные тренды причудливо сочетаются друг с другом. И это тоже тренд! Стекломорфизм дружит с градиентами и 3D, векторная графика – неотъемлемая часть 90’s Experience, а неон невозможен без ярких и контрастных цветов. Дизайн – единая система, в которой все составляющие находятся во взаимосвязи.

Источник

Тренды веб-дизайна в 2021 году

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

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

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

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

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

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

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

Уже на кажется странным сделать кнопку с черной обводкой, применить пеструю палитру цветов к дизайну. Яркие и броские цвета будут пользоваться большим спросом в 2021.

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

Сохраняйте эту статью и ставьте лайки, а я продолжу писать для вас полезные фишки. Найти меня можно здесь: Intagram YouTube Телеграм

Пора создать бота который будет генерировать по 1000 постов в день с ТРЕНДАМИ 2021 году, (год еще не начался, а люди уже знают что будет в тренде)

После своей нашумевшей статьи про то, где чаще всего фотографируются в Москве, я подумал: надо замерить рост числа постов под каждым геотегом Instagram и найти трендовые места.

Площадка начнёт платить владельцам каналов, когда окупит основные расходы.

Обладатели альфа-карт заметили, что теперь в приложении предлагается создать статичный пин-код для незначительных действий.

Это моя вторая статья на портале, относительно тяжб с ООО «Гикбрейнс» (Geekbrains) по возврату средств.

Буфеты со шведскими столами пользуются уловками, чтобы гость меньше ел, но всё равно несут убытки из-за «прожорливых» посетителей. Можно ли «объесть» заведение — рассказало издание The Hustle.

В эксклюзивном интервью интернет-изданию «1474» президент Союза дизайнеров России (СДР) Виталий Ставицкий рассказал о достижениях зарубежного дизайн-рынка и существенной роли отечественных дизайнеров в его развитии, а также проанализировал состояние национального дизайна и поделился своим видением относительно его будущего.

Источник

Тренды в дизайне сайтов 2021

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

Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.

Заимствование из соцсетей

Последнее время сайты многих известных интернет-магазинов стали напоминать дизайн соцсетей. Часто можно увидеть «Актуальные истории», как в Инстаграм. В них размещаются акции и предложения магазина. А лента заполнена самыми востребованными товарами или новинками.

Выбор такого варианта дизайна обусловлен удобством и привлекательностью. Многие компании давно презентуют свою продукцию в Инстаграм. Почему бы не привнести лучшие решения соцсети в корпоративный сайт?

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

Асимметрия

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

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

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

Использование искусственного интеллекта все чаще и чаще встречается у современных компаний. Заходя на сайт, вы наверняка сталкиваетесь с этим. Продукты ИИ сейчас активно применяются брендами. Однако к 2021 году их распространение увеличится. Например, предполагается, что все больше сайтов и сервисов будут оборудованы голосовым поиском.

3D изображения и персонажи

Тренд на упрощение постепенно сменяется модой на проработку и реалистичность. Особенно это касается дизайна иконок. Также в объемном виде можно представить сторонние изображения на страницах сайта. Такое решение только набирает свою популярность и в 2021 году будет активно применяться в дизайне.

Минималистичный дизайн

Минимализм остается популярным стилем во многих направлениях дизайна. Сдержанное и аккуратное оформление нравится многим пользователям. Такой сайт выглядит легко и спокойно. Поэтому все больше веб-ресурсов представлены в данном стиле.

Минималистичный дизайн сайта направлен на «облегченное» и точное донесение информации до пользователей. Перед разработчиками стоит непростая задача — рассказать о продукции без использования обилия элементов. И смотря на современные сайты можно сказать, что эта задача выполняется.

Сочетание фото и графики

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

Иконки одного стиля

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

Уникальные 2D иллюстрации

Наряду с объемными картинками в 2021 году модными будут интересные графические изображения. Главная их особенность — уникальность. Это не просто стандартные рисунки, а настоящее креативное действо. С помощью таких 2D картинок можно заинтересовать посетителя сайта и вызвать положительное отношение к бренду. Для некоторых зрителей такие иллюстрации могут показаться абсурдными, однако в этом их прелесть.

Заключение

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

Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.

Источник

60 Трендов Веб-дизайна в 2021 году (+115 примеров)

Перед вами подборка трендов веб-дизайна, которые будут актуальны в 2021 году. Идеи собраны из работ топовых дизайнеров и digital-студий. Некоторые повторяются с трендами, которые мы уже рассматривали в Трендах 2020, некоторые только набирают популярность, а какие-то возрождаются в новых красках, как феникс из пепла.

Главный тренд 2021

3D определенно главный тренд 2021, потому что он присутствует во всех сферах дизайна. Новизна заключается в том, что его стали применять в пользовательском интерфейсе, где до этого главенствовал плоский дизайн.

Более частое применение 3D объясняется еще и тем, что появились новые, простые в использовании инструменты, иногда еще и бесплатные (например, Figma — она бесплатна для фрилансеров и использует плагины, с которыми легко создавать 3D). Многие ли из нас не были обескуражены, столкнувшись с такими сложными программами, как C4D, 3D Studio Max и Maya? Сейчас с помощью инструментов Figma или Dimensions CC любой дизайнер может быстро научиться создавать красивые 3D сценарии.

Другим фактором, способствующим более активному применению 3D, является предстоящий релиз от Apple, новая информационная система для Mac — Big Sur. На время написания статьи Apple Big Sur еще не выпущена и даже не имеет официальной даты релиза.

Вам наверное интересно, как этот релиз повлияет на мир дизайна. Apple продемонстрировала предварительную версию нового интерфейса для Mac. Наиболее важные изменения в дизайне — появление 3D элементов (иконок), областей с прозрачностью и отказ от серых оттенков.

Проект: Collab. / Автор: Tran Mau Tri Tam

Проект: macOS Big Sur 3D icons / Автор: Vivian niu

Проект: Website design / 3D & 2D Edition / Автор: Mike

Проект: FMCG Packaging / Part 3 / Автор: Mike

Проект: Bankia Humanismo digital / Автор: CLV Madrid

Безлимитная графика для ваших проектов

Для создания крутого дизайна для сайта, полиграфии, фотографии и прочего, как не крути, вам нужны будут качественные материалы.

Переходите по ссылке и посмотрите что вы можете использовать для своего бизнеса и проектов. Подробности вы можете узнать в статье-обзоре.

1. Пользовательский интерфейс и интерактивный дизайн (Ui & IxD Design)

Приложения vs Мобильный веб (App vs Mobile web)

Нельзя не согласиться, что в 2021 году сайты, сделанные не по стандарту mobile-first (мобильная версия приоритетна), совершенно устарели. В большинстве деловых сфер наилучший результат дает использование приложений, поэтому именно на их разработку и применение направляются все ресурсы.

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

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

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

Согласно Forbes.com пользователи мобильных устройств проводят почти 90% времени в приложениях и только 10% в браузерах на мобильных сайтах.

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

Цвета на белых поверхностях (Colors on White Surfaces)

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

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

Если вы не хотите тратить время на подбор цветовой палитры, существуют сайты, с помощью которых можно сгенерировать красивые и яркие сочетания. Например, сайты https://flatuicolors.com/ и https://colorsupplyyy.com/app/

Проект: Health Fitness Mobile App UI UX Kit / Автор: Grace Saraswati

Проект: Analytics — Mobile App / Автор: Tran Mau Tri Tam

Проект: 3D Wallet App Exploration / Автор: Kostia Varhatiuk

Проект: Tenant App Case study / Автор: Prakhar Neel Sharma

Проект: Live Game Streaming App / Автор: Wahab

Размер виджета (Widget sizing)

Вышла IOs 14, принеся с собой новые изменения, которые отразятся на UI дизайне.

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

Проект: iOS Widgets for iPhone / Автор: Aleksey Bondarev

Проект: IOS 14 / Автор: Varya Panyukova

Проект: Apple Widgets UI Kit for Figma / Автор: Alex Muench

Анимация и взаимодействия (Animations & Interactions)

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

JSON (запись в формате объектов Javascript) берет изображения и анимации, и преобразует их в код. Преимущество JSON анимаций в том, что они весят в несколько раз меньше, чем GIF, и поддерживают полную прозрачность (фон не обязателен).

Несколько лет назад ребята из Airbnb разработали инструмент с названием Lottie, который с легкостью создает небольшие анимации, используя JSON файлы. Lottie — библиотека с открытым кодом для iOS, Android и React Native, которая создает анимацию в режиме реального времени. Если вы еще не знакомы с ней, вам определенно стоит обратить на нее внимание.

Проект: Treasure Truck — Logo Animations / Автор: Jonathan Tipton-King

Проект: Animated animals / Автор: Alexandra Golde

Проект: Classmo — Virtual Classroom UI/UX / Автор: Daniel Tan

Эффект глубины в веб дизайне (Depth Effect in Web Design)

Все более и более вероятно, что 2021 год будет годом 3D, настанет его звездный час. Зарождению этого тренда способствовало развитие программного обеспечения для дизайна — отличный пример взаимосвязанной работы дизайна и технологий.

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

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

Кастомизированные 3D иконки (Custom made 3d Icons)

Думаем, все уже осознали, что 3D является важной категорией в дизайне. Сейчас его влияние на UI сегмент велико, как никогда. 3D иконки — новый UI тренд 2021 года, потому если вам надоели плоские иконки, которые преобладали в пользовательских интерфейсах на протяжении последнего десятилетия, попробуйте объемные. Готовый проект будет выглядеть свежо и современно.

Проект: App icon using Adobe Dimension / Автор: gary liu

Проект: Instagram 3d Icon Concept / Автор: Alexander Shatov

Проект: Skeuomorphism? / Автор: Seunghyun Kang

Искажение, помехи, шум в веб дизайне (Distortion, Glitch, Noise in Web Design)

Искажение, помехи, шум — давайте добавим несочетаемость, случайность, несовершенства, неполадки, размытость, нечеткость — одним словом, ХАОС.

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

Мы увидим смешанную типографику, случайности в интервалах и изображениях, сайты со странными цветовыми схемами (или скорее с отсутствием каких-либо схем), которые связывает только то, что их ничего не связывает. Не совсем анти-дизайн, но очень похоже. 2021 делает потенциально масштабное заявление о нашей сегодняшней жизни, стимулируя наблюдателя делать собственные выводы об увиденном. По-настоящему захватывающий тренд дизайна!

Проект: PUMA — This is my flow / Автор: Danilo Gusmão Silveira

Проект: THREE WHALES — PHOTO / Автор: Nikita Enes

Опыт 90-х в веб дизайне (90’s Experience in Web Design)

Времена неопределенности часто выливаются в сильную ностальгию об ушедших днях и розовых очках, через которые все казалось прекрасным и безоблачным. 90-е — это не совсем винтаж, но точно олдскул: появление Windows, распространение компьютеров, которое все изменило, — они было достаточно давно, чтобы помнить хорошее, но не настолько давно, чтобы забыть их причуды.

Интеграция стиля 90-х в веб дизайн — реальный претендент на самое креативное использование ретро на сегодняшний день. В этом есть что-то неотъемлемо классное, странным образом чуждое для молодого поколения и достаточно знакомое, чтобы вызвать понимающую улыбку на лице старшего. Все это отлично выполняет работу по стильной комбинации самых базовых структур и кодов прошлого, и технологий настоящего, гениальным образом. Будет ли 2021 годом, когда этот тренд попадет в мейнстрим? Мы надеемся, что да.

Проект: 90s nostalgia. Paper craft and photography / Автор: Iryna Donska

Проект: ON & ON — WILASCO (Cover Art) / Автор: Raphael de Luca

Проект: SYNTHWAVE ARTWORKS BY DENNY BUSYET / Автор: Denny Busyet

Хендмейд стиль в веб дизайне (Hand-made style Web Design)

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

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

Минимализм в веб дизайне (Minimalism in Web Design)

Старый фаворит, который никуда не собирается уходить, да и зачем? Минимализм доводит ранее известные идеи простоты до крайности. Редко когда момент настолько идеален для того, чтобы хаотичный и безумный мир сделал шаг назад. В 2021 существует реальный шанс, что этот излюбленный тренд веб-дизайна придется по нраву многим.

Проект: Stuff / Автор: Polina Rykova

Проект: Design concept of Archetype test / Автор: Bang Bang Education

Иллюстрации (Illustrations)

Тонкое контурирование в иллюстрациях (Thin Outline in Illustrations)

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

Проект: Styleframes for animation / Автор: Nahuel Bardi

Проект: Revolut — Animated Loops / Автор: Odd Bleat *

Проект: Revolut — Animated Loops / Автор: Odd Bleat *

Проект: Fresh Prince / Автор: Odd Bleat *

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

Проект: 3D illustration / Автор: Titi Lyao

Проект: 3D illustration / Автор: Titi Lyao

Проект: Box. / Автор: Tran Mau Tri Tam

Проект: Ghost – Sign In / Автор: Tran Mau Tri Tam

Проект: 3D illustration / Автор: Titi Lyao

Иллюстрации, вдохновленные мультфильмами 70-80-х (70’s & 80’s Cartoons Inspired Illustrations)

Помните Черепашек Ниндзя, Икс-Мен и властелинов вселенной, Громовых Котов и Инспектора Гаджета? Если почувствовали ностальгию, для вас есть хорошие новости: в этом году данный стиль вернулся с новой силой и будет преобладать в 2021. Классический стиль мультяшной рисовки использует контурирование и простые формы с небольшим количеством деталей.

Проект: Bonniers Book | A trip to the future / Автор: Fago Studio

Проект: Bonniers Book | A trip to the future / Автор: Fago Studio

Проект: Xing Tian / Автор: Xulia Vicente

Проект: 30 Days / 30 Characters / Автор: MUTE / Nathaniel Rueda

Проект: 30 Days / 30 Characters / Автор: MUTE / Nathaniel Rueda

Сумасшедшие формы и цвета (Crazy Shapes & Colors)

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

Проект: Quartz / Автор: Bernardo Henning

Проект: Los Cazafantasmas / Автор: Totoi Semerena

Проект: Tropical — Geo V / Автор: Totoi Semerena

Проект: Woman, Bird, Horse / Автор: Nate Williams

Иллюстрированные видео презентации (Illustrated Video Presentations)

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

Проект: Punto Poste Da Te / Автор: Giordano Poloni

Моушн дизайн и взаимодействия (Motion Design & Interactions)

TikTok и Instagram ролики (TikTok & Instagram Reels)

Ролики — это короткий и развлекательный формат видео контента. Эти короткие видео могут быть частью эффективной маркетинговой стратегии. С запуском Инстаграм роликов в качестве альтернативы ТикТоку крупные компании начали применять данный инструмент для своего продвижения и расширения аудитории.

Теперь короткие видео — это не только развлечение для подростков, крупные бренды нанимают агентства для создания таких роликов. Если вы уже используете социальные сети для продвижения своего бизнеса, стоит попробовать Instagram Reels или Tiktok.

Классические мультфильмы (Classic Cartoons)

Да, мультфильмы нашего детства популярны в 2021. Мы это уже говорили и снова повторяем, потому что очевидно, что данный жанр проникнет и в моушн дизайн.

Проект: USE ELO / Автор: Zombie Studio

Проект: Conditions / personal project / Автор: Nick Zaychenko

Проект: UNINTERRUPTED / Автор: Dale Edwin Murray

Ультра реалистичные 3D VFX (Ultra Realistic 3D VFX)

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

С появлением множества легких в использовании программ визуальные эффекты стали доступнее и начали применяться в видео и короткометражных фильмах. Просто невероятно, какого реализма удается достичь, еще несколько лет назад мы о таком только мечтали.

Проект: Gillette — J20 / Автор: He Yang, Chiu Ho, Track Dong, Yuko Hung

Проект: REALME NARZO 20PRO / Автор: UoU Studio

Проект: The Orville / Автор: VoxelWolves PT & UK

3D иллюстрации (3D Illustrations)

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

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

Проект: SICREDI CONECTA / Автор: Pé Grande Animation

Проект: Jacks Patch / Автор: The Rusted Pixel

Анимированные логотипы (Animated Logos)

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

Проект: Travelspot logo / Автор: Nikola Matošević

Проект: Bench / Автор: Daniel Bodea / Kreatank

Проект: COOK — Logo animation / Автор: Fede Cook

Проект: Consultly logo animation / Автор: Vadim Carazan

Дополненная и виртуальная реальность (Augmented Reality & VR)

Дополненная Реальность (AR) и Виртуальная Реальность (VR) сами являются обширной категорией с собственными трендами, поэтому мы расскажем только о некоторых тенденциях, которые вы точно увидите в 2021.

С учетом ограничений Covid19, компании обратились к технологии Дополненная Реальность, чтобы донести свой товар до потребителя. Художественные галереи использовали VR и AR, чтобы пользователям было проще просматривать картины. Ожидалось, что в 2020 как минимум 100 миллионов пользователей будут применять для покупок технологии, основанные на AR (источник — Gartner), и это предсказание было озвучено еще до локдаунов по всему миру.

В будущем мы видим широкое применение AR, подкрепленное влиянием Искусственного Интеллекта и машинного обучения — во всех сферах от медицины до искусства, в торговле, в сфере обслуживания, в системе навигации.

Проект: Google IO 2019 / Автор: Peter Tarka

Видео презентации в быстром темпе (Fast Paced Presentation Videos)

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

Примеры таких видео

Графический дизайн и принты (Graphic Design & Printing)

Крупная и броская типографика (Big and Bold Typography)

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

Крупная и броская типографика существует с самого зарождения дизайна, так что в ней нет новизны, но она очень важна. Даже если дизайнеры используют кинетическую, искаженную, 3D, анимированную или статичную типографику, внушительные большие буквы являются и всегда будут являться горячим трендом в дизайне.

Проект: Yeah!Club Redesign / Автор: Quim Marin Studio

Проект: ISOTYPE / Автор: Mario De Meyer

Проект: Displacement Maps and Actions / Автор: Anna D

Проект: KYIV TYPE — book / Автор: Sebastian Schubmehl

Проект: SOMA Brewing / Автор: Quim Marin Studio

Геометрические формы (Geometric shapes)

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

Проект: Kariiou – Branding Project / Автор: Toormix Design Agency

Проект: Stationery posters / Автор: 陈 俊贤

Проект: Poster Collection/Retro Brands/Videotape / Автор: Xavier Esclusa Trias

Тонкие контуры и штриховая графика (Thin Outlines & Lineart)

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

Проект: Dictionary.com: A World Beyond Words / Автор: Tolleson Design

Проект: Oval monsters/Character design/Graphics & poster design / Автор: zimm wang

Проект: Institut Ramon Llull – Rebranding & Visual code Project / Автор: Toormix Design Agency

Проект: 五观 / Five — Observe / Автор: 陈 俊贤

Дизайн продукта и упаковки (Product Design & Packaging)

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

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

Проект: Park Hyatt Kyoto | Takeout Packaging Design / Автор: Mitsutaka Nakao

Проект: Moccia | Brand Identity / Автор: Micael Micmas

Проект: Ghallab brand design. / Автор: Baianat

Экологичность (Sustainability)

Мы осознаем, что COVID-19 оказал значительное влияние на нашу планету, поэтому индустрия упаковки должна принять меры по уменьшению воздействия на окружающую среду.

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

Проект: The Troupe / Автор: Lavernia & Cienfuegos

Проект: Bantu Vegan Branding & Packaging / Автор: Shaivalini Kumar

Проект: Side — Ceramics Product Design and Packaging / Автор: Jieru Chen

Собственные уникальные иллюстрации (Custom made illustrations)

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

Проект: Hombre Cometa / Автор: Eduardo Ramón

Проект: 12 Spirits — OfDarkness™ / Автор: Sanh Nguyen

Проект: OFFBLAK Tea / Автор: Thomas Hedger

Проект: Mejo / Автор: lucia del zotto

Повествование (Storytelling)

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

Упаковка товара может подтолкнуть нас к его покупке. Начиная от текста на упаковке до шрифта, материала, размера и формы — все должно создавать уникальный опыт при распаковке продукта.

Проект: CBD Coffee — Branding & Packaging / Автор: Cubic Orange

Проект: The Preservatory / Автор: Chad Roberts

Проект: Rascal tastebuddies / Автор: Stef Hamerlinck

Интерактивная упаковка (Interactive Packaging)

Люди любят сидеть в телефоне, поэтому упаковка должна быть адаптирована таким образом, чтобы удерживать интерес потребителя. Умная Упаковка создает новые впечатления, позволяя потребителям взаимодействовать с продуктом, повышая узнаваемость бренда. QR-коды и дополненная реальность — всего лишь пара примеров идей для создания «умной упаковки».

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

Проект: MINI PHA | LAMP & CHARGER | PRODUCT DESIGN / Автор: Max Mysechko

Проект: ENERGY TUBE HAND WARMER / Автор: Enterfun _official

3D печать упаковки (3D Printed Packages)

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

Трендовые инструменты

Substance

Substance Painter располагает «умными» материалами и масками, а также встроенными заготовками. Вы можете использовать «умные» материалы, подстраивающиеся к любому объекту, чтобы продемонстрировать реалистичный износ в результате эксплуатации. Применяйте готовые маски, адаптирующиеся к любой форме, и рисуйте легко настраиваемыми кистями (substance3d.com).

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

Substance Designer больше используется для создания плиточных, динамических и модульных текстур. Его часто применяют для сборки библиотеки базовых материалов, которые могут использоваться в других приложениях, например, Substance Painter.

Substance Source — библиотека материалов на физической основе, оснащенная ресурсами, которые позволяют вывести текстурирование, создание материалов и 3D искусство на еще более высокий уровень. Каждый найдет что-то для себя в Substance Source: от процедурных материальных субстанций, материалов с ручной росписью до сканов на 100% физической основе.

Проект: Textile Techniques / Автор: Zachary Corzine

Проект: Bold shapes and colors — craft & art store illustration / Автор: Danil Tabacari

Проект: Never Been Done / Автор: Sebastian Marek

Adobe Aero

Aero — новый инструмент от Adobe, помогающий создавать интерактивные опыты Дополненной Реальности с эффектом полного погружения и делиться ими. Самое лучшее в этом инструменте то, что для работы с ним не требуется знаний кода или 3D дизайна. Aero можно найти в составе Adobe Creative Cloud.

Проект: Hope / Автор: BÜRO UFHO

Fresco

«Adobe Fresco — бесплатное приложение для рисования, созданное специально для Apple Pencil и iPad, и ориентированное на художников, которые занимаются рисованием профессионально или в качестве хобби.»

Этот инструмент является ответом Adobe на возросшую за последние годы популярность Procreate.

Проект: The Monster Mash 2020 / Автор: Tavo Montañez

Проект: Mayan Gods — Adobe Creative Residency Community Fund / Автор: Cleonique Hilsaca

В заключение

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

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

Статья собрана с помощью источников:

Поделитесь статьёй в соцсетях, вы мне очень поможете, спасибо 🙂

Источник