UX/UI Design Trends 2022
Millions of assets. Unlimited downloads. First month 70% off!
https://elements.envato.com/pricing?coupon_code=elements_yt_org-9firstmonth-j6knjy&utm_campaign=elements_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
Find out the UX & UI Design Trends we’ll be seeing in 2022 in our video roundup or blog: https://envato.com/blog/web-design-trends/?coupon_code=elements_yt_org-9firstmonth-j6knjy&utm_campaign=envato_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
Intro (0:00)
WHAT IS ENVATO ELEMENTS?
With a month-by-month or annual subscription to Envato Elements, you’ll have all you need to put together your best creative outcome. Get unlimited access to over a million digital assets, from UX/UI design kits to graphic templates, web themes and much more! Check out the offer from the Envato team below!
1. Behavioural Design (0:50)
2. Complex Gradients (1:57)
3. All About Type (3:04)
4. Retro UI (5:01)
5. Native Desktop Apps (7:07)
6. Seamless In-App Communication (8:07)
7. 3D Design (8:54)
8. Professionals Using DIY Tooling (9:53)
π 70% OFF FIRST MONTH! Sign up to Envato Elements today:
https://elements.envato.com/pricing?coupon_code=elements_yt_org-9firstmonth-j6knjy&utm_campaign=elements_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
*Applies to the individual monthly plan and only valid for new customers. Coupon automatically applied at the checkout. Offer expires Jan 28 2022.
βΆβΆβΆ FEATURED ITEMS
Find items from Envato Elements here:
https://elements.envato.com/collections/ZDGQBV2XN4?utm_campaign=elements_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
TΓΆbel – Modern Furniture Store by Elated-Themes
https://themeforest.net/item/tbel-modern-furniture-store/33170742?utm_campaign=market_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
PixelSquid 360 Envato Elements Page
https://elements.envato.com/user/PixelSquid360?utm_campaign=elements_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
Influence Marketing by BimberOnline
https://themeforest.net/item/influence-marketing-seo-digital-agency-elementor-template-kit/28718806?utm_campaign=market_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
Envato Instagram: https://www.instagram.com/envato/
Envato TikTok: https://www.tiktok.com/@envato
MUSIC
Indie Rock by OlexandrIgnatov
https://elements.envato.com/indie-rock-LNQ3JST?utm_campaign=elements_social_eyt_YRIHdCJqQOg&utm_medium=social&utm_source=YouTube&utm_content=description
β Subscribe to the Envato YouTube Channel: http://www.youtube.com/user/envato?sub_confirmation=1
#UXDesign #UX #envatoelements
nice
wow this will help us..
Very instructive video.
Design is definitely not my greatest asset hence watching this in a attempt to catch a bit of understanding.
Desktop apps…
We had(have?) the trend for web mail. This is very handy in many scenarios. But as a PC user I favour mail client so I can manage several accounts simply in one place.
Sure, should I need to check my mail away from home webmail can be great… but I spend quite some time home anyway… π
the figma stuff is insane !!! Will download and master it as fast as I can
The NoCode movement is taking over. My favorite has got to be Webflow.
Good video, keep em coming
1. Behavioural Design (0:50)
2. Complex Gradients (1:57)
3. All About Type (3:04)
4. Retro UI (5:01)
5. Native Desktop Apps (7:07)
6. Seamless In-App Communication (8:07)
7. 3D Design (8:54)
8. Professionals Using DIY Tooling (9:53)
FEATURED PROJECTS
(0:06) Kindergarten Landing Page: https://dribbble.com/shots/5553928-Kindergarten-Landing-Page
(0:11) Stamps, emotes, and high-fives: https://help.figma.com/hc/en-us/articles/1500004290981-Stamps-emotes-and-high-fives
(0:14) 100s of Pro Elementor Templates with Envato Template Kits: https://www.youtube.com/watch?v=UkBq6yIoTuA
(0:54) Digital Behavioral Design – http://s3.amazonaws.com/arena-attachments/2068866/17a86e13a833f4efc0c86d1707f13a0b.pdf?1524181591
(1:00) behavioral design vs product design – WhatΒ΄s the difference?: https://www.youtube.com/watch?v=QYbK0BffNVk
(1:10) Reach All of Your Goals This Year With These 10 Habit-Tracker Apps: https://www.popsugar.com/fitness/photo-gallery/48111875/image/48111876/Done-Simple-Habit-Tracker
(1:14) The Best Fitness Trackers: https://www.nytimes.com/wirecutter/reviews/the-best-fitness-trackers/
(1:18) The 4: https://www.kickstarter.com/projects/the4book/the-4-book?ref=section-homepage-view-more-discovery-p3
(1:23) Booking.com
(1:28) Digital Behavioral Design: http://s3.amazonaws.com/arena-attachments/2068866/17a86e13a833f4efc0c86d1707f13a0b.pdf?1524181591
(1:32) Starbucks Accelerates Mobile Payment Leadership with Release of Enhanced Starbucks App for iPhone: https://www.businesswire.com/news/home/20140311006717/en/Starbucks-Accelerates-Mobile-Payment-Leadership-with-Release-of-Enhanced-Starbucks-App-for-iPhone
(1:36) How to use the Headspace app: https://www.youtube.com/watch?v=IYTPmUDnYog
(1:48) Using the Headspace App: https://www.youtube.com/watch?v=5LMRrYqAAZI
(1:51) How the Headspace app works: https://www.youtube.com/watch?v=kEpOF7vUymc
(2:00) Symodd: symodd.com
(2:08) Stripe: Online payment processing for internet businesses: stripe.com
(2:12) Richard Sancho Design Director: https://www.richardsancho.com/
(2:18) Zeus Jones | Brand, Culture & Experience: https://zeusjones.com/
(3:07) Van Hotz Co: https://vanholtz.co/
(3:12) Laurel Halo: https://www.laurelhalo.com/
(3:19) JON Way Studio: https://www.jonway.studio/
(3:28) Galeries Lafayette: https://www.galerieslafayette.com/
(4:07) Rally Interactive: https://rallyinteractive.com/
(4:13) Outline: https://weareoutline.com/work/
(4:21) Christian Dior: http://cdior.tilda.ws/
(4:27) Charlie Osborne – Brand Strategist & Designer: https://www.charlieosborne.co/
(5:04) Cameamile βE-commerce Redesign: https://www.behance.net/gallery/120464257/Cameamile-E-commerce-Redesign
(5:08) ELLIZABETH NORTON FASHION DESIGNER E-COMMERCE CONCEPT: https://www.behance.net/gallery/107979859/ELLIZABETH-NORTON-FASHION-DESIGNER-E-COMMERCE-CONCEPT
(5:13) Mehry Mu β website redesign: https://www.behance.net/gallery/123881541/Mehry-Mu-website-redesign
(5:19) GUCCI redesign concept: https://www.behance.net/gallery/130154781/GUCCI-redesign-concept
(5:28) Oak Meadow Clothing – redesign concept: https://www.behance.net/gallery/123598637/Oak-Meadow-Clothing-redesign-concept
(5:33) Naomi&Sisters cosmetics shop e-commerce design concept: https://www.behance.net/gallery/125926755/Naomi-Sisters-cosmetics-shop-e-commerce-design-concept
(5:37) Photo Studio Website: https://dribbble.com/shots/15144356-Photo-Studio-Website
(6:04) Record Wonderland β Brand Refreh Concept: https://www.behance.net/gallery/109838823/Record-Wonderland-Brand-Refreh-Concept
(6:10) GRETA: https://www.gretamusic.co/
(6:17) Dr. Martens Redesign Concept: https://www.behance.net/gallery/128593347/Dr-Martens-Redesign-Concept
(6:24) OBEY | online store redesign: https://www.behance.net/gallery/116863237/OBEY-online-store-redesign
(6:28) Nylon: https://www.nylon.com/
(7:10) Notion for designers: https://www.youtube.com/watch?v=4usCjnXA2vg
(7:19) Office 2021 vs Microsoft 365: what’s the difference & what’s new?: https://www.youtube.com/watch?v=ij69iW6C2s0
(7:24) Office 365 Login: https://www.office.com/
(7:27) How To Install Slack On Your Computer: https://www.youtube.com/watch?v=ScwRRYDC9s4
(7:32) Introducing The Trello Desktop App: https://www.youtube.com/watch?v=WvkUCY9jJ98
(7:43) Asana Desktop App: https://www.youtube.com/watch?v=Uk-zc9Zzw-Y
(7:49) Figma Downloads: https://www.figma.com/downloads/
(7:53) How to Design a Social Media Desktop App / Website in Figma | UI/UX Design Tutorial: https://www.youtube.com/watch?v=jkCS-T50Pq8
(7:57) Preview on Devices with Figma Mirror: https://www.youtube.com/watch?v=9cirvWzt4Yg
(8:09) Run engaging team meetings: https://pitch.com/use-cases/team-meetings
(8:19) How To: Use captions in Google Meet: https://www.youtube.com/watch?v=Sp7Qc-M28zc
(8:25) "Better Beard Than JLingz!" | Jadon Sancho Instagram Q&A | #Ask: https://www.youtube.com/watch?v=wql3zvxC5oE
(8:30) Figma Tip: Using audio and cursor chat in Figma and FigJam: https://www.youtube.com/watch?v=m3ixzUD_GVU
(8:57) Creativo Arquitectos Website: https://dribbble.com/shots/4807851-Creativo-Arquitectos-Website
(9:01) Health Check: https://dribbble.com/shots/8584111-Health-Check
(9:07) Health Blog 3D Animation: https://dribbble.com/shots/6171377-Health-Blog-3D-Animation
(9:11) Book and Travel Website: https://dribbble.com/shots/4958543-Book-and-Travel-Website
(9:14) Blinded by colors: https://www.behance.net/gallery/126434771/Blinded-by-colors
(9:19) John Kappa: https://www.instagram.com/johnkappa
(9:24) Aesop Bottles: https://www.instagram.com/p/CKLi8HkjHsM/
(9:29) Hey You!: https://www.instagram.com/p/CEy5d0RD6wk/
(9:35) PixelSquid360: https://www.instagram.com/pixelsquid360
(9:40) Envato Elements PixelSquid360: https://elements.envato.com/user/PixelSquid360
(9:56) Squarespace: squarespace.com
(10:01) Website Builder: https://mailchimp.com/features/website-builder/
(10:06) 100s of Pro Elementor Templates with Envato Template Kits: https://www.youtube.com/watch?v=UkBq6yIoTuA
(10:25) Elementor: elementor.com
(10:44) Stamps, emotes, and high-fives: https://help.figma.com/hc/en-us/articles/1500004290981-Stamps-emotes-and-high-fives
(10:51) Symodd: symodd.com
(11:03) Jaycie Mota: https://byjayciemota.com/projects
(11:08) Notion for product managers: https://www.youtube.com/watch?v=GgX3ew-4dqo
Thanks for the inspo!
Jenny you are the cousin of Peter Mckinnon
Nice preview as always guys…
Great but the music is really distracting
The NoCode movement is taking over. My favorite has got to be Webflow.
Motion design trend 2022
1:19 What link to kickstarter was that? I want to see the book, it looks cool for UI.
When you see the 2022 trend video is out and you still arenβt finishing up your portfolio site π
what is the name of john kappa in envato i cant find his creation— please share his works give a link =))
Figma Mirror works just fine with the web-based version and always has.
Thanks for sharing
Nice video! Maybe it’s my headphones… But the background music gets feels too loud and dominant and reeally distracts me from the content of the video.
Live u guys
perfect
really useful
"No Code Necessary" Good luck with that!!!
nice
Great presentation. Thanks for inspirations π
can somebody please teach me that sh*t !!! *__*
Nice information. UX is software engineering topics which focus on users’ desires.
Thank you very much for sharing your thoughts.
Great video guys! I am very concerned about mobile first tho, love those examples, but, will those be the same incredible useful and responsive for mobiles?
Love the detail in caption! Very helpful information, Thank You!
Keep em coming π―
Thanks, envato. This video helped me to get a new ideas.
Is it possible in future to download in envato 3d obj?
What is a tool that you use to see the Sigma design in mobile version (figma mirror) Mac OS desktop version plz guide me. I am not finding anything in the App Store in my MacBook