Тенденції дизайну 2021

Після місяців карантину та ізоляції, спричинених глобальною пандемією, ми дивимось на 2021 рік із великими надіями та обережним оптимізмом.

Будучи таким нетиповим роком, у якому час, здається, зупинився, не відбулося значних змін у тенденціях 2020 року, які продовжуватимуть домінувати в 2021 році, насправді можна сказати, що на деякі тенденції вплинула пандемія та потреби, які він створив у всіх доменах.

У третьому кварталі року почали з’являтися дуже сором’язливі нові впливи, панування яких буде відчуватися поступово в 2021 році.

Навіть якщо більшість тенденцій з 2020 року і надалі впливатимуть на дизайнерську сцену, ми намагатимемося зберегти лише ті, які домінуватимуть у 2021 році.

Головна тенденція 2021 року

3D – це, безумовно, тенденція 2021 року, оскільки вона зустрічається у всіх галузях дизайну, і новизна полягає в тому, що вона починає використовуватися в інтерфейсі користувача, в якому досі переважав плоский дизайн.

Все частіше і частіше прийняття 3d також пояснюється тим, що ми маємо під рукою деяке нове програмне забезпечення, дуже просте у використанні, інше навіть безкоштовне (Figma, наприклад, воно безкоштовне для фрілансерів і має кілька плагінів, які роблять 3d зручний для користувачів) Скільки з нас не засмутилися, коли вони відкривали складні програми, такі як C4D, 3D Studio Max або Maya? Тепер завдяки такому програмному забезпеченню, як Figma або Dimensions CC, будь-який дизайнер може швидко навчитися створювати прекрасні 3D-сценарії. Ці програмні засоби ідеально підходять для початківців 3D.

Tran Mau Tri Tam Box. – ⏳Time Tracking

Jan Reeh SDMK web design – 3D

Ще одним фактором, який призведе до більш частого використання 3d, є неминучий випуск Big Sur від Apple, нової операційної системи для Mac. На момент написання статті Apple Big Sur ще не вийшов і навіть не має оголошеної дати випуску. На даний момент Big Sur знаходиться в бета-версії. Публічна бета-версія (існує також бета-версія розробника) стала доступною 6 серпня.

Напевно, вам цікаво, як цей випуск вплине на світ дизайну. Apple показала нам попередній перегляд, щоб поглянути на те, як буде виглядати новий інтерфейс Mac. Найважливіші зміни в дизайні – це введення 3d елементів (піктограм), ділянок з прозорістю та відмова від сірих відтінків.

Індекс

1. UI / Ixd Дизайн
2. Ілюстрації
3. Дизайн та взаємодія руху
4. Графічний дизайн та друк
5. Упаковка
6. Популярні інструменти

1. Ui & IxD Дизайн

1.1 Додаток проти мобільного Інтернету

Ми можемо погодитися з тим, що у 2021 році веб-сайт, який не є «мобільним насамперед», повністю застарів. У більшості галузей бізнесу найкращий досвід є, якщо ви використовуєте додаток, тому ці підприємства зосереджуються на їх розробці та впровадженні. Інтернет-магазини, платформи соціальних медіа, торгові платформи тощо, вирішать перенести своїх клієнтів на додатки для кращої взаємодії з клієнтами та збільшення кількості конверсій.
Мобільний веб-сайт мобільного додатка? Як ви знаєте, який з них краще для вас чи вашого клієнта?

Згідно з дослідженнями, користувачі більше віддають перевагу мобільним додаткам, ніж мобільним веб-сайтам. Платформи, які звертають увагу на веб-сервіси, опиняться у невигідному становищі як у тому, як вони представляються своїм користувачам, так і в розробці.
За даними Forbes.com, мобільні користувачі витрачають майже 90% свого часу на мобільні програми та лише 10% часу на браузери або мобільні веб-сайти.
Додатки також мають недоліки, такі як більші витрати на розробку та обслуговування.

https://skilling.com/eu/en/  Mobile vs App (Product Design: Nick Collins, Visual: Mihai Baldean)

1.2 Кольори на білих поверхнях

Кольори – один з найважливіших візуальних елементів дизайну інтерфейсу. Вони можуть виділити ваш вміст та підсилити стиль вашого бренду. Колірна тема повинна бути розроблена так, щоб вона була гармонійною. Це повинно допомогти елементам та поверхням інтерфейсу легко відрізнити один від одного.

Поверхні – це плитки, картки, аркуші та компоненти, які розміщені поверх фону. Ці картки мають білий колір і мають плавний відтінок, що створює вигляд плаваючого ефекту. Зазвичай фон білий або дуже світло-сірий.

Якщо ви не хочете витрачати час на вибір кольорової палітри, є веб-сайти, які можуть вам допомогти, створюючи красиві та яскраві суміші. Деякі з цих веб-сайтів є https://flatuicolors.com/ або https://colorsupplyyy.com/app/

Grace Saraswati Health Fitness Mobile App UI UX Kit

Tran Mau Tri Tam Analytics – Mobile App

1.3 Розмір віджетів

IOs 14, вже тут, і він вносить деякі нові зміни, які вплинуть на весь дизайн інтерфейсу.
Віджети тепер мають три розміри: малий, середній та великий, і ви можете розумно переставити їх між піктограмами додатків. Дизайнер повинен створити піктограму віджета у всіх 3 стилях, щоб користувач міг вибрати, який із них використовувати. Кожен розмір віджетів дозволяє відображати різну кількість інформації, тому вам потрібно бути чітким та відображати потрібний вміст. Пам’ятайте, що більші віджети дозволяють відображати більше даних та інформації.

Alex Muench Apple Widgets UI Kit for Figma

1.4 Анімація та взаємодія

Анімація є важливою частиною дизайну програми та взаємодії з користувачем. У наші дні дизайн здається незавершеним і статичним, якщо він не містить анімації. Є багато способів їх створити, і ось деякі з них:
JSON (розшифровується, як позначення об’єкту Javascript ) бере ваші зображення та анімацію і робить їх кодом. Перевага анімації JSON полягає в тому, що вона є невеликою за розміром у порівнянні з GIF і підтримує повну прозорість (не потрібен BG).
Кілька років тому хлопці з Airbnb створили інструмент на ім’я Lottie, який робить невеликі анімації дуже простими, використовуючи файли JSON. Lottie – це бібліотека з відкритим кодом для iOS, Android та React Native, яка відображає анімацію в режимі реального часу. Якщо ви ще не спробували, то обов’язково повинні дати йому шанс.

Vineeth TP PETAL

1.5 Розробка 3d іконки

Поки ми вважаємо, що всі усвідомили, що 3d – це важлива категорія в дизайні. Зараз це впливає на сегмент Ui як ніколи раніше. 3D-іконки – це нова тенденція інтерфейсу в 2021 році, тому, якщо вам нудно з плоским іконками, які домінували над сценою інтерфейсу в останнє десятиліття, тоді ви можете спробувати 3D-іконки. Фінальний проект буде виглядати свіжо і сучасно.

gary liu App icon using Adobe Dimension

https://www.outliercreative.com/

2.Ілюстрації

2.1 Тонкий контур в ілюстраціях

Ми передбачили цю тенденцію минулого року в нашому посібнику з тенденцій. Ілюстрації в 2020 році домінували саме з цим стилем малювання, і вони будуть продовжуватися також у 2021 році. Оскільки ця тенденція, здавалося, зростала особливо в останньому семестрі цього року, ми вирішили назвати це головною тенденцією в категорії ілюстрацій на 2021 рік.

Meme . S t e m

Nahuel Bardi Styleframes for animation

2.2 3D

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

Monstro CGI and Illustration Studio INCLUA

Tran Mau Tri Tam Ghost ?– Sign In

2.3 Ілюстрації, натхненні мультфільмами 70-х та 80-х

Пам’ятаєте «Черепашки-ніндзя», «Чоловік», «Громові коти» чи «Інспектор»? Що ж, якщо ви відчуваєте ностальгію, дозвольте повідомити вам хороші новини, адже цей стиль повертається в силу цього року і продовжуватиме домінувати в 2021 році. Цей класичний стиль мультфільмного малювання використовує контури, прості форми з лише кількома деталями.

Fago Studio Bonniers Book | A trip to the future

Fago Studio Bonniers Book | A trip to the future

2.4 Божевільні форми та кольори

Якщо ви любите малювати, тоді ви оціните цю унікальну техніку створення ілюстрацій. Хоча на перший погляд це може здатися незавершеним, усі ці форми дуже добре продумані і введені в композицію. Перекриваються форми та яскраві кольори створюють сміливі ілюстрації, які можуть надихнути будь-якого глядача.

Totoi Semerena Tropical ✦ Geo V

Totoi Semerena ✧ X E C ✧

2.5 Ілюстровані відеопрезентації

Ми згадували про цю тенденцію і минулого року, коли прогнозували тенденції на 2020 рік, але, будучи такою важливою тенденцією, ми вирішили, що про це варто згадати ще раз.

iordano Poloni Punto Poste Da Te

3. Дизайн та взаємодія руху

3.1 TikTok & Instagram Reels

Reels – це короткий та розважальний формат відеовмісту. Ці короткі відео можна використовувати як ефективні маркетингові стратегії. З запуском Instagram Reels, альтернативи TikTok, великі компанії почали використовувати цей інструмент, щоб просувати себе та розвивати свої досягнення. Ці відеоролики вже не просто зроблені як розваги для підлітків, але великі бренди платять агентствам, щоб доставити їм такі котушки. Якщо ви вже використовуєте соціальні медіа для свого бізнесу, можливо, варто спробувати Instagram Reels або Tiktok.

3.2 Класичні мультфільми

Так, мультфільми нашого дитинства гарячі в 2021 році. Ми вже говорили це і повторюємо, тому, очевидно, цей жанр також зустрічається в дизайні руху. Погляньте на вибір, який ми зробили.

Mari Kinovych, Nick Zaychenko

Zombie Studio USE ELO

3.3 Ультрареалістичний 3D VFX

VFX або Visual Effects поєднує наявні кадри з комп’ютерними зображеннями, щоб створити реалістичні сцени. Вони є анімацією, яка вставляється в реальну життєву сцену, попередньо записану камерою. З появою численного, більш зручного для користувача програмного забезпечення, VFX став більш доступним та більш поширеним у відео та короткометражних фільмах. Реалізм, який можна створити, неймовірний, про що ми лише мріяли кілька років тому

UoU Studio , CiZY . ,PB_zz ///Ghost in 1995 , MK KUN , Mr. Tomorrow, peng cece,  小 明,Yarn Lo, Kambiz Aghdam  REALME NARZO 20PRO

UoU Studio , CiZY . ,PB_zz ///Ghost in 1995 , MK KUN , Mr. Tomorrow, peng cece,  小 明,Yarn Lo, Kambiz Aghdam  REALME NARZO 20PRO

3.4 3D-ілюстрації

Чесно кажучи, це не нова тенденція, але вона настільки важлива, що про неї варто ще раз згадати. 3D впливає на всі галузі дизайну настільки сильно, що можна сказати, що він домінує майже над будь-яким цифровим творінням у 2021 році. З використанням доповненої реальності у все більшій кількості додатків, сайтів чи програмного забезпечення, 3D буде завойовувати дедалі більше. Як ми згадували протягом останніх років у своїх статтях, пов’язаних з тенденціями дизайну, ми бачимо, як дизайнери поєднують 3d із фотографією або 2d, створюючи еклектичний дизайн. Всі ці техніки в поєднанні з рухом створюють унікальну остаточну концепцію.

Pé Grande Animation, Wunjo CG, Caio Nascimento, Eduardo Ribeiro Gonçalves, Marcelo Pasa Barth, Gabriel Warken, Ernani Furtado,Carlos Tevo Farned, Maria Eduarda Beck, Josemar Queiroz, Leonardo Curtis, Antonio Medeiros  SICREDI CONECTA

Pé Grande Animation, Wunjo CG, Caio Nascimento, Eduardo Ribeiro Gonçalves, Marcelo Pasa Barth, Gabriel Warken, Ernani Furtado,Carlos Tevo Farned, Maria Eduarda Beck, Josemar Queiroz, Leonardo Curtis, Antonio Medeiros  SICREDI CONECTA

3.5 Анімовані логотипи

Анімовані логотипи присутні вже кілька років, але зараз вони дуже помітні і взяли штурмом все, що означає брендинг, тому вони заслуговують на згадку і цього року. Логотип – це перше, що ми бачимо при вході в програму, тому він повинен запам’ятовуватися, використовуючи лише символ або шрифт. Поєднуючи логотип з плавною та гладкою анімацією, ви зможете досягти незабутнього результату для будь-якої компанії.

Nikola Matošević for Barrage Travelspot logo

Fede Cook Q – Logo animation

3.6 Розширена реальність і VR

AR і VR самі по собі є дуже обширним полем, яке має свої власні тенденції, тому ми розглянемо деякі тенденції, які ви точно побачите в 2021 році. З блокуваннями Covid19 компанії інвестували в технології AR, щоб довести свій продукт до своїх клієнтів. У галереях використовуються VR та AR, щоб користувачі могли простіше переглядати свої твори мистецтва. Очікувалося, що принаймні 100 мільйонів користувачів будуть використовувати технології покупок з підтримкою AR у 2020 році (Gartner), і цей прогноз було зроблено до блокування у всьому світі. У майбутньому ми бачимо, що AR широко застосовується у великих масштабах, за допомогою штучного інтелекту та машинного навчання, що застосовується у всіх сферах – від медицини чи мистецтва, комерції, обслуговування клієнтів чи навігації.

Peter Tarka, Maciek Janicki Google IO 2019

Peter Tarka, Maciek Janicki Google IO 2019

3.7 Швидкі темпи презентаційних відео

Глядачі зберігають 95% повідомлення, коли бачать його у відео, але лише 10%, якщо їм доводиться читати екранний текст (Insignia). Незалежно від того, яке повідомлення ви хочете передати, інформативне, надихаюче або демонстративне, ви можете використовувати для цього швидке відео. Дивіться нижче, у нашому виборі, що ми маємо на увазі.

4. Графічний дизайн та друк

4.1 Велика та смілива типографіка

Типографіка – найважливіший елемент дизайну! Кваліфікований дизайнер може створити візуальну ідентичність, використовуючи лише типографіку. Типографіка важлива для створення повідомлення, встановлення чіткої візуальної ієрархії, доставки інформації та загалом для створення чудового досвіду для користувача. Велика і смілива типографіка існує з самого початку дизайну, тому вона не нова, але дуже важлива. Навіть якщо дизайнери використовують кінетичну, спотворену, тривимірну, анімовану або статичну типографіку, нав’язування великих літер є і завжди буде гарячою тенденцією в дизайні.

Anna D Displacement Maps and Actions

Quim Marin Studio SOMA Brewing

Sebastian Schubmehl KYIV TYPE – book

4.2 Геометричні фігури

Це щось унікальне у створенні складного дизайну з використанням дуже простих форм. Геометричні фігури зустрічаються у візуальному мистецтві з початку минулого століття, тому не можна стверджувати, що це новий напрямок. У 2021 році графічний дизайн, будь то плакати, принти, упаковка або фірмовий стиль, буде зосереджений на геометричних фігурах.

Xavier Esclusa Trias Poster Collection/Retro Brands/Videotape

陈 俊贤 文具海报 / Stationery posters

4.3 Тонкі обриси та Лінійні малюнки

Надзвичайно тонкі лінії є гарячими, ми це вже вирішили :), тож ми будемо згадувати про цю тенденцію в кожній галузі дизайну, показуючи, наскільки легко вона підходить для кожної з них.

陈 俊贤 五观 / Five – Observe

Toormix Design Agency Institut Ramon Llull – Rebranding & Visual code Project

5. Дизайн та упаковка продуктів

Коли Covid-19 домінує у новинах у 2020 році, упаковка продуктів відіграла ще більш важливу роль. Споживачі виявляють занепокоєння з приводу забруднення їжі, пересування до
підвищений попит на упаковку. Цього року також зросла доставка їжі та інтернет-магазини. Це домени, які покладаються на упаковку, і завдяки цьому робиться багато впізнаваності їх торгової марки.

Mitsutaka Nakao , Miz Tsuji Park Hyatt Kyoto Takeout Packaging

Baianat Ghallab brand design.

5.1 Стійкість

Зараз ми усвідомлюємо, що COVID-19 справив великий вплив на нашу планету, тому пакувальна промисловість повинна вжити заходів для зменшення впливу на навколишнє середовище. Підприємства повинні використовувати біологічно розкладаються матеріали, такі як картон, біопластмаса або матеріали, виготовлені з кукурудзи, картоплі чи грибів. Традиційні пластмаси містять велику кількість бактерій, тому стійкі матеріали мають ще один плюс.

Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging

Shaivalini Kumar, Supernova Design, Asavari Kumar Bantu Vegan Branding & Packaging

5.2 Ілюстрації на замовлення

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

Thomas Hedger OFFBLAK Tea

Sanh Nguyen, InSpace Creative. Duy Trịnh, Huy Pham , Elena Phung 12 Spirits – OfDarkness™

5.3 Розповідь історій

Це, безумовно, не нова тенденція, але вона більш актуальна, ніж ніколи, тому ми вирішили, що вона повинна входити до цьогорічного списку тенденцій. Якщо ви продаєте товар, інвестуйте в гарний дизайн упаковки, який розповідає цікаву історію про ваш бренд. Упаковка товару має силу надихнути нас на придбання товару. Від копії, яка йде на упаковці, до шрифту, матеріалу, розміру та форми, всі вони повинні створити унікальний досвід, коли клієнт розпаковує товар.

Cubic Orange, Vladimir Guskic , Fernanda Costa CBD Coffee – Branding & Packaging

Chad Roberts The Preservatory

5.4 Інтерактивна упаковка

Люди люблять свої телефони, тому упаковка повинна адаптуватися, щоб залучити клієнтів. Розумна упаковка створює новий досвід, дозволяючи клієнтам взаємодіяти з товаром, створюючи впізнаваність бренду. Від QR-кодів до AR-досвіду, це лише кілька ідей щодо створення упаковки «інтелектуальних технологій».
На дизайн товару також дуже впливають технології, більшість нових продуктів обертаються навколо ідеї смартфона та того, як продукт може дати вам інтерактивний досвід.

Pepsi

Enterfun _official ENERGY TUBE HAND WARMER

5.5 Пакети 3D-друку

З революцією 3d-принтерів почала з’являтися упаковка незвичайних форм. Цей процес полегшив друк упаковки з дивними формами, дизайнери змогли дати волю своїй фантазії. Менш приємною частиною є все ще висока ціна на такий пакет, порівняно з класичною коробкою. Ця процедура дуже корисна для підготовки макету, і вона пропонує швидкі прототипи з меншими витратами.

6. Популярні інструменти

6.1 Речовина

Цей новий інструмент від Adobe тут, щоб зробити 3D доступним для будь-якого дизайнера. Субстанція – це повний набір для текстурування об’єктів та створення матеріалів для ваших 3D-проектів. Набір насправді є екосистемою, яка звертається до дизайнерів, авторів акцій та ілюстраторів. Недоліком цього нового набору є те, що Adobe пропонує його як іншу передплату, як Adobe Cloud, тому для початківців або молодших дизайнерів щомісячні витрати будуть досить високими. Повний номер коштує 19,99 доларів на місяць.

Substance Painter має розумні матеріали, розумні маски та інтегровані пекарі. Ви можете використовувати розумні матеріали, які підлаштовуються під будь-який предмет, щоб показати реалістичний знос; досліджуйте пресети маски, які пристосовуються до будь-якої форми, і малюйте пензлями, які тільки можете
модифікувати на льоту. (substance3d.com)

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

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

Substance Source – це бібліотека матеріалів на фізичній основі, упакована матеріалами для подальшого вдосконалення текстури, виготовлення матеріалів та 3D-мистецтва. У “Джерелі речовин” є щось для кожного – від процедурних матеріалів до речовин, розписаних вручну, до 100% фізичних сканувань.

Zachary Corzine Textile Techniques Substance painter & Substance designer

Zachary Corzine Textile Techniques Substance painter & Substance designer

6.2 Adobe Aero

Aero – це новий інструмент від Adobe, який допомагає створювати та ділитися захоплюючим та інтерактивним досвідом AR. Найкраща частина цього інструменту полягає в тому, що ніякого досвіду кодування та 3D-дизайну не потрібно. Ви можете знайти Aero у своєму Adobe Creative Cloud.

BÜRO UFHO, Kvell Production, Aiman Farooq , Carrie Gotch , Benjamin Morrow Hope

BÜRO UFHO, Kvell Production, Aiman Farooq , Carrie Gotch , Benjamin Morrow Hope

Aiko Fukuda VIRTUAL GARDEN

6.3 Фреска

“Adobe Fresco – це безкоштовна програма для малювання, розроблена спеціально для Apple Pencil та iPad і розроблена для художників, які професійно малюють для пристрасті”.
Цей інструмент є відповіддю Adobe на високу популярність, яку Procreate отримує в останні роки.
Adobe Fresco доступний у вільній моделі – ви можете почати з безкоштовного початкового плану, а потім оновити до платної версії, щоб отримати преміум-функції. Adobe зупинила свій вибір на щомісячному тарифному плані Fresco для Ipad, який доступний за 9,99 доларів. Це цікавий крок, оскільки Procreate можна придбати одноразово. Яка ваша думка з цього приводу?

Tavo Montañez The Monster Mash 2020

Cleonique Hilsaca Mayan Gods – Adobe Creative Residency Community Fund