Web & UI Design Trends for 2024

94,932
0
Published 2023-12-27
In this video, we explore the upcoming web and UI design trends for 2024 including dimensionality and layering, 3D elements, complex animation, vibrant color and gradients, AI imagery, dark mode, Bento grids, morphism, massive typography, and the rise of no-code builders. These trends are set to revolutionize the way we design and interact with digital interfaces.

Stay ahead of the curve and gain valuable insights into the future of web and UI design by watching this video. Don't miss out on the opportunity to enhance your design skills and create visually stunning and user-friendly experiences.

.. Remember to Subscribe goo.gl/6vCw64
------------------------------------------------------------------------------------
🀝 //////////// Become a UI Designer in 30 Days:
30dayui.com/

πŸ† //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
🎨 ////////// I Design in Figma
psxid.figma.com/ixbomhqzoiy0

πŸ–₯️ ////////// I Prototype Magic in ProtoPie
www.protopie.io/plans?ref=jesse

πŸ–₯️ ////////// I Build websites in Framer
framer.link/jesse

πŸ“… ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf

🎡 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/16252

Timestamps:
00:00 Intro
00:27 Trend #1
01:13 Trend #2
01:57 Trend #3
03:07 Trend #4
04:01 Trend #5
04:59 Trend #6
05:56 Trend #7
06:49 Trend #8
07:37 Trend #9
08:21 Trend #10

#webdesign #UIDesign #DesignTrends #2024

All Comments (21)
  • @briannhinton
    I hope my fellow designers remember that too much motion can cause issues for many ranging from migraines to like myself nausea. Create those animations but pass it on to your developers to respect reduced-motion platform settings.
  • @OhmVibe
    00:27 Dimensionality and Layering (Trend #1) 01:13 Usage of 3D Elements (Trend #2) 01:57 Complex Animation (Trend #3) 03:07 Vibrant Color & Gradients (Trend #4) 04:01 AI Imagery (Trend #5) 04:59 Dark Mode (Trend #6) 05:56 Bento Grids (Trend #7) 06:49 Morphism (Trend #8) 07:37 Massive Typography (Trend #9) 08:21 No-Code Builders (Trend #10)
  • @pixlmyst
    As a developer, the no code tools frustrate me. Many of my clients use them before realising that they are fine if you just want to get to an end product with your desired aesthetic. However, they often run into roadblocks when they want to create a performant website that hits all the coding standards required to take it to the next level. I literally spend half my time needing to explain the value of developing a website by hand.
  • @YarivBE
    Thanks a lot Jesse. Beautiful summery of things that i guess where already cooking in 23 and now kind of more "officially here to stay" in 24. Good one πŸ”₯
  • Excited by all of these things - gonna rewatch more than once to keep motivated!
  • @EM-fz3hf
    These are the exact types of styles I was looking for when I get ready to build my Ecom store & now I know how to explain it better. I'm building a niche brand but launching with 1 product & going for the complex 3D visual that animates as you scroll down. Just super luxe & modern looking. Now I have a better vision for the design aspect. This video matches my vision completely.
  • @tim_longhurst
    Great video and insights. I really appreciate your thoughts and predictions on these topics. I also like how you seem to articulate confidently without constant video cuts and jumps. Are you using a prompter or cue cards or is it off-the-cuff. Either way, it's great to see clear, confident explanations delivered at a great pace and not overwhelming. Thanks as always for sharing :)
  • @danielavega3739
    I love how you use amazing examples and not just random pages
  • @patriciopomies
    Love the esoteric prediction's style! THE YEAR OF FUN!!!!
  • @juls2334
    Exciting trends for 2024! Thanks for sharing! πŸŽ‰πŸŽ‰
  • @robertsimondj
    I remember when I designed a website with illustrator in several weeks, where is it now...maybe it was a long time, but I really enjoyed the journey to the goal, I found my joy in creativity in the process.
  • @santiagobydesign
    LESS FRICTION!! Yes, very smart analysis... these all make a lot of sense to me as a 3D architect and graphic designer, thanks for putting these together.
  • @mrvfino
    As someone who's starting to get into a hobby of creating websites as an artistic medium this adds more fuel to the fire of my desire lol
  • @xpoftik
    Last point is pretty disputable, the others are really useful! Thanks man!
  • @chadleebryson
    Great video. Where's mobile, though? Why are designers and these type of trend videos care so much about desktop so much?