Курс по Wordpress

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

60+ трендов веб-дизайна в 2021 году Веб-дизайн
almazwptemplates.ru
Содержание
  1. Главный тренд 2021
  2. Безлимитная графика для ваших проектов
  3. 1. Пользовательский интерфейс и интерактивный дизайн (Ui & IxD Design)
  4. Приложения vs Мобильный веб (App vs Mobile web)
  5. Цвета на белых поверхностях (Colors on White Surfaces)
  6. Размер виджета (Widget sizing)
  7. Анимация и взаимодействия (Animations & Interactions)
  8. Эффект глубины в веб дизайне (Depth Effect in Web Design)
  9. Кастомизированные 3D иконки (Custom made 3d Icons)
  10. Искажение, помехи, шум в веб дизайне (Distortion, Glitch, Noise in Web Design)
  11. Опыт 90-х в веб дизайне (90’s Experience in Web Design)
  12. Хендмейд стиль в веб дизайне (Hand-made style Web Design)
  13. Минимализм в веб дизайне (Minimalism in Web Design)
  14. Иллюстрации (Illustrations)
  15. Тонкое контурирование в иллюстрациях (Thin Outline in Illustrations)
  16. 3D
  17. Иллюстрации, вдохновленные мультфильмами 70-80-х (70’s & 80’s Cartoons Inspired Illustrations)
  18. Сумасшедшие формы и цвета (Crazy Shapes & Colors)
  19. Иллюстрированные видео презентации (Illustrated Video Presentations)
  20. Моушн дизайн и взаимодействия (Motion Design & Interactions)
  21. TikTok и Instagram ролики (TikTok & Instagram Reels)
  22. Классические мультфильмы (Classic Cartoons)
  23. Ультра реалистичные 3D VFX (Ultra Realistic 3D VFX)
  24. 3D иллюстрации (3D Illustrations)
  25. Анимированные логотипы (Animated Logos)
  26. Дополненная и виртуальная реальность (Augmented Reality & VR)
  27. Видео презентации в быстром темпе (Fast Paced Presentation Videos)
  28. Графический дизайн и принты (Graphic Design & Printing)
  29. Крупная и броская типографика (Big and Bold Typography)
  30. Геометрические формы (Geometric shapes)
  31. Тонкие контуры и штриховая графика (Thin Outlines & Lineart)
  32. Дизайн продукта и упаковки (Product Design & Packaging)
  33. Экологичность (Sustainability)
  34. Собственные уникальные иллюстрации (Custom made illustrations)
  35. Повествование (Storytelling)
  36. Интерактивная упаковка (Interactive Packaging)
  37. 3D печать упаковки (3D Printed Packages)
  38. Трендовые инструменты
  39. Substance
  40. Adobe Aero
  41. Fresco
  42. В заключение

Привет.

Перед вами подборка трендов веб-дизайна, которые будут актуальны в 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 элементов (иконок), областей с прозрачностью и отказ от серых оттенков.

3d web design

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

Тренды веб-дизайна

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

work 3d

Хотите научиться делать сайты?

Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс "Идеальный сайт на Wordpress" и "Лендинг в Elementor", где рассказал пошаговый план как создавать крутые сайты.

Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты.

Подробнее читайте по ссылке.

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

3d графика

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

актуальный дизайн

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

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

envato elements

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

Это и фотографии, шаблоны, мокапы, иконки, пресеты, кисти и т.д. Все это есть в одном месте и качать можно неограниченно. Сервис ENVATO ELEMENTS с тонной материалов, готовых к скачиванию. Цена подписки от 16,50 $/мес.

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

ПОСМОТРЕТЬ СЕРВИС ENVATO ELEMENTS

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/

white design

Проект: 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

Widget size

Проект: 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 effect

Проект: delassus.com

website-design-with-3D-effect

Проект: hoang.moe

adidas дизайн 3д

Проект: adidaschile20.com

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

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

icon-design

Проект: 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 дизайн

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

Глич эффект

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

Image-Glitch-effect-in-2021

Проект: adasokol.com

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

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

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

oldschool-style-website-design-2021

Проект: boards.boldare.com

ностальгия 90е

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

90s

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

дизайн как в девяностых

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

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

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

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

hand-made style site

Проект: lessnoros.com

hand-made style site 2

Проект: passionevino.co.uk

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

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

Минимализм в вебдизайне

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

Минимализм в вебдизайне

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

Минимализм в вебдизайне

Проект: baruchpi.com

Минимализм в вебдизайне

Проект: pchico.es

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

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

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

Иллюстрации

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

пример иллюстрации

Проект: S t e m / Автор: Meme .

illustration

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

illustrations

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

линейная иллюстрация

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

3D

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

3d дизайн

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

3d дизайн

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

3d design

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

3d design

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

3d design web

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

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

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

иллюстрации из 80-х

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

иллюстрации из 80-х

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

illustration 80s

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

иллюстрации из 90-х

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

иллюстрации из 80-х

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

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

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

сумасшедшие цвета

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

crazy color

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

резкие цвета в дизайне

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

colors

Проект: 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.

instagram

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

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

дизайн в стиле мультфильма

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

дизайн в стиле мультфильма

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

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

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

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

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

Ultra Realistic

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

Ультра реалистичные 3D VFX

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

3D VFX

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

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

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

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

Иллюстрации 3д

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

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

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

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

анимированное лого

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

анимированное лого

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

animation logo

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

anime logo 4

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

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

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

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

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

VR технологии VR технологии VR технологии

Проект: 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

bold type

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

Тренд типографики

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

Тренд типографики

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

Тренды шрифтов

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

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

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

geometric shape

geometric shape

Проект: 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

thin line

Проект: 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

castom illustration

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

castom illustration

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

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

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

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

storytelling

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

storytelling

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

Повествование

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

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

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

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

Интерактивная упаковка

Проект: Pepsi

Интерактивная упаковка

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

Интерактивная упаковка

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

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

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

3d упаковка тренды

Дизайн 3d

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

Substance

Этот новый инструмент от Adobe призван сделать 3D доступным для любого дизайнера. Substance представляет собой полный набор инструментов для текстурирования объектов и создания материалов для 3D проектов. Набор в сущности является экосистемой, ориентированной на дизайнеров, создателей стоковых изображений и иллюстраторов. Недостаток этого нового инструмента заключается в том, что Adobe предлагает его в качестве отдельной подписки, как Adobe Cloud, и для начинающего дизайнера ее стоимость может показаться довольно высокой. Полный пакет стоит $19.99 в месяц.

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

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

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

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

substance adobe

substance adobe

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

substance adobe

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

trends wed design 2021

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

Adobe Aero

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

adobe aero

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

Fresco

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

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

Adobe Fresco доступен в условно-бесплатном режиме — вы можете начать с бесплатного начального тарифа и затем перейти к платной версии с премиальными опциями. Adobe выбрала ежемесячный тариф Fresco для Ipad, его стоимость $9,99. Интересный выбор, учитывая, что Procreate доступен для единоразовой покупки. Что вы думаете по этому поводу?

fresco инструмент

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

fresco

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

В заключение

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

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

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

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

Заказать сайт
Поделитесь в соцсетях? Благодарю ✌
Илья Чигарев

Привет. Меня зовут Илья и я автор сайта. Делаю на заказ: сайты, блоги, лендинги на Wordpress и Tilda. Веду блог, где рассказываю все секреты и фишки, которые мне принесли результат в онлайн-маркетинге.

Оцените автора
( 18 оценок, среднее 4.44 из 5 )
Добавить комментарий

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

  1. Lika

    Данная статья завораживает:-) Автор поработал отлично. Прочитала и сразу вдохновилась)))

    Ответить
  2. Petr

    Довольно большая и разносторонняя статья. Видно, что проделана большая работа. Спасибо за труд!

    Ответить