UX/UI Design Trends 2022



Millions of assets. Unlimited downloads. First month 70% off!

Find out the UX & UI Design Trends we’ll be seeing in 2022 in our video roundup or blog:

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:

*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:

Töbel – Modern Furniture Store by Elated-Themes

PixelSquid 360 Envato Elements Page

Influence Marketing by BimberOnline

MUSIC
Indie Rock by OlexandrIgnatov

➜ Subscribe to the Envato YouTube Channel:

#UXDesign #UX #envatoelements

32 comments

  1. 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

  2. CHITUS💖⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ says:

    The NoCode movement is taking over. My favorite has got to be Webflow.

  3. 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.

  4. 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

  5. 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?

  6. I believe the time has come where Elementor should open their own platform where people can Make Beautiful and Professional Mobile applications or Web Applications with very low Code.

  7. what is the name of john kappa in envato i cant find his creation— please share his works give a link =))

Leave a comment

Your email address will not be published.