Top 2024 Web Design Trends

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 มิ.ย. 2024
  • Web Design Trends 2024 these are the ones to keep an eye on if you are a website designer or developer. The user interface and experiences they provide are really amazing for ui and ux.
    00:00 - Top 2024 Web Design Trends
    00:03 - Trend 1 - Hand Drawn Animated Sketches
    00:59 - Trend 2 - 3D Web Design
    02:12 - Trend 3 - AI Art with MidJourney and Dalle 3
    03:46 - Trend 4 - Bento UI - Bento Grids
    04:26 - Trend 5 - Gradients and Glows
    05:27 - Final thoughts on Website Design Trends
    #webdesign #trends #2024
    Learn more about 3D Web Designs:
    • How to create 3D Websi...
    Learn more about Bento UI:
    • Bento UI in 3 mins - W...
    Learn more about AI Art:
    • How to use AI Art and ...
    Check out my courses!
    📘 Teach Me Design: www.enhanceui.com/
    📚 OpenAI GPT: enhanceui.gumroad.com/
    Join my Community!
    🟣 Discord: uxenhance.editorx.io/join
    Software & Discounts!
    🖥️ Screen Recorder: screenstudio.lemonsqueezy.com?aff=po745
    ⛌ Wix Studio: wix.com/studio/?...^social&experiment_id=^yt
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 84

  • @Makedesignstutorial
    @Makedesignstutorial 4 หลายเดือนก่อน +4

    Thank you for the information, this helps me in creating designs and video content!!!

  • @henrythomas7112
    @henrythomas7112 5 หลายเดือนก่อน +13

    Great video thanks for the great information and well delivered. This is exactly what I was looking for.

  • @UltraSquad
    @UltraSquad 5 หลายเดือนก่อน +65

    I had been finding bento boxes / bento layout trend in every video I had seen.
    Gradients and Glows is definitely attractive and has been prominent since 2022 I believe

    • @ismbeatz
      @ismbeatz 5 หลายเดือนก่อน +3

      copy paste content like everyone does

    • @StixxLetsPlay
      @StixxLetsPlay 4 หลายเดือนก่อน +2

      There's no rule that says trends couldnt ne the same as the last year. If u dont Like it, dont whatch Videos Like that. Cant understand your Point

  • @Nerdytimhieu
    @Nerdytimhieu 4 หลายเดือนก่อน +8

    This is amazing, gives me so many ideas to design my business website

  • @christianliz-fonts3524
    @christianliz-fonts3524 2 หลายเดือนก่อน +2

    Everything is programmatically possible, that minimalistic TH-cam Analytics design is so dope and would be fun to code on.

  • @marexibinsa2915
    @marexibinsa2915 19 วันที่ผ่านมา +1

    I like your video presentation. It is informative too, at the same time. Thanks a lot for your guidance!

  • @user-ge4bt8mt8k
    @user-ge4bt8mt8k 5 หลายเดือนก่อน +10

    do you offer any course that teaches us building such projects from scratch with no background of UX, but have some coding knowledges, I would love to look into it. it would be awsome if there would be hands on project too.

  • @uifry
    @uifry 2 หลายเดือนก่อน

    Thank you for sharing worth video :)

  • @Al0Al0
    @Al0Al0 5 หลายเดือนก่อน +3

    love your camera setup! what camera and lens are you using?

  • @ImPerkkk
    @ImPerkkk หลายเดือนก่อน

    Frickin' COOL🤙🏾

  • @DreamyDoseMusic
    @DreamyDoseMusic 4 หลายเดือนก่อน

    This is amazing

  • @yassinesaidi2768
    @yassinesaidi2768 5 หลายเดือนก่อน +2

    Thanks bro that was amazing

  • @user-ge4bt8mt8k
    @user-ge4bt8mt8k 5 หลายเดือนก่อน +1

    do you offer any full course on how to build such products from scratch with some hands on projects?

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 4 หลายเดือนก่อน

    thank you

  • @amazingfreelancer
    @amazingfreelancer 4 หลายเดือนก่อน +1

    Nice ❤

  • @Angelinajolieshorts
    @Angelinajolieshorts 4 หลายเดือนก่อน +1

    I visited your channel 1st time and this is a great channel and amazing information 🎉🎉

  • @ashleyhylton802
    @ashleyhylton802 4 หลายเดือนก่อน

    What was the name of the last website in your slideshow, with the dark background and neon glow? I would love to take a look at that it looks cool and I want to do something similar

  • @kushyglowy8409
    @kushyglowy8409 4 วันที่ผ่านมา

    Impressive

  • @pisco1444
    @pisco1444 4 หลายเดือนก่อน

    what is the link Gradients and Glows? I couldn't find the website.

  • @p00laris
    @p00laris 5 หลายเดือนก่อน

    Does anyone know name of the last websites technique or some resources to learn?

  • @_D3adB0y_
    @_D3adB0y_ 5 หลายเดือนก่อน +7

    Everyone keeps saying Bento, but it's really hard to make a well structured site using that method. I find it hard to know what I should be looking at as the viewer.

  • @DarkReapersGrim1
    @DarkReapersGrim1 15 วันที่ผ่านมา

    Cool video.

  • @suvi135
    @suvi135 5 หลายเดือนก่อน

    Amazing video! Where do you find these websites?

  • @uhohdesignco
    @uhohdesignco 3 หลายเดือนก่อน +9

    Honestly, most of these "Apple" inspired interactive websites are a total pain in the ass to use. You just speed scroll to try and get to the info you are looking for while you swat and dodge animations that are flying at you like attack pigeons.

  • @offensive-operator
    @offensive-operator 5 วันที่ผ่านมา

    Jesus what a quality. what type of gear do you use? camera, Lens?

  • @bayarearob
    @bayarearob 4 หลายเดือนก่อน

    What style of animation is used for the coffee website?

  • @sachinkumar-vi4nq
    @sachinkumar-vi4nq 3 หลายเดือนก่อน

    super video

  • @selvidevaraj4010
    @selvidevaraj4010 3 หลายเดือนก่อน +1

    Codex bro where can i get the house 3d image in the thumbnail

  • @glenn9655
    @glenn9655 16 วันที่ผ่านมา

    Do Three.js still valuable for learning since we have spline?

  • @yas_art
    @yas_art 5 หลายเดือนก่อน +2

    1:38 whats that website?

  • @razlar2080
    @razlar2080 5 หลายเดือนก่อน +47

    We got houses on websites before GTA6 💀

  • @sachinkumar-vi4nq
    @sachinkumar-vi4nq 3 หลายเดือนก่อน

    nice video

  • @anass123ism
    @anass123ism 3 หลายเดือนก่อน +1

    that will work slow on many mobile devices for sure

  • @ewe-studios
    @ewe-studios 5 หลายเดือนก่อน +1

    Which website was the intro portion showing, would love to know the link to that, please share

    • @CodexCommunity
      @CodexCommunity  5 หลายเดือนก่อน

      That was spline design youtube video presentation on their latest update on the livestream.... didn't have a url :

  • @kingsleyagwu1886
    @kingsleyagwu1886 4 หลายเดือนก่อน

    What industries can this be applied too?

  • @biztradeclub
    @biztradeclub 4 หลายเดือนก่อน +5

    You're not reviewing "websites" trends. these are marketing campaigns with 3d animated media placed on server with URL. Also animaitons were literally their business proposal not a bonus.

  • @BenjaminMartinjak
    @BenjaminMartinjak 3 หลายเดือนก่อน

    How do i learn that?

  • @wheresmyskin
    @wheresmyskin 4 หลายเดือนก่อน +4

    I'm gonna complain a little bit, but hear me out:
    Most companies won't go with hand drawn graphics, because they don't want to look infantile. Same with 3d graphics. It looks nice, but it's not very useable, especially on mobile, on ecommerce websites, news websites. Landing pages are a small percentage of pages and even those will be 95% AI generated soon enough. There are already tools to generate a landing page design from prompt, then export it to html+css. And it's only a beginning.
    AI generated art will be more common because it's cheaper, but licensing is sketchy. Mini grids - again, looks "new" on desktop, but majority of traffic nowadays comes from mobile devices. So those mini grids turn into standard cards on mobile. As for gradients vs flat it's an ongoing cycle and it changes every few years, because people just want to stand out in the crowd.

  • @thanapoomjantararuangtong3797
    @thanapoomjantararuangtong3797 5 หลายเดือนก่อน +2

    Would you mind to share the actual link website of Fitness please? Thank you so much

    • @CodexCommunity
      @CodexCommunity  5 หลายเดือนก่อน

      Sure I'll try add them to the description when I next get a chance!

  • @ihelpdogs
    @ihelpdogs 26 วันที่ผ่านมา

    I started web design in the 90's and back then gradients were so gross, I still hate them to this day... 🤣 If I visit a site with loud gradients I move on. Same with slow animations that make me pause scrolling to wait for content to appear.

  • @realpro8728
    @realpro8728 3 หลายเดือนก่อน

    Is the gitness website alive or just a mock

  • @thangavel_st
    @thangavel_st 5 หลายเดือนก่อน +1

    wow!

  • @kira.herself
    @kira.herself หลายเดือนก่อน

    most of these just overload my brain :(

  • @dinushaariyarathna5155
    @dinushaariyarathna5155 3 หลายเดือนก่อน

    Hermione wasn't our only childhood crush!!!! You were tooo!!!!!!!!!!!!!!!!

  • @4ssarabio
    @4ssarabio 4 หลายเดือนก่อน

    22:22 11:11

  • @user-nn7lj1wc2s
    @user-nn7lj1wc2s 4 หลายเดือนก่อน +2

    Hello
    I want to ask you where you are looking at these ready-made sites?
    Is it possible to download their templates?
    Thank you in advance!

    • @jagseersingh844
      @jagseersingh844 4 หลายเดือนก่อน

      let me know too if you find please

  • @TEAWTODAY
    @TEAWTODAY 4 หลายเดือนก่อน +1

    4:22 What's program?

    • @CodexCommunity
      @CodexCommunity  4 หลายเดือนก่อน

      That was me using nocode (Wix studio)

  • @simoncallelaverde
    @simoncallelaverde 4 หลายเดือนก่อน

    I guess those AI UI designs were inspired from Alien Websites.

  • @claudioandrade9292
    @claudioandrade9292 4 หลายเดือนก่อน

    You need to work on your prompts for AI tools

  • @JhitsfanfromPH
    @JhitsfanfromPH 4 หลายเดือนก่อน +2

    everyone is badass, until it hits 340px width 😂😂😂

  • @romanmachanec2467
    @romanmachanec2467 3 หลายเดือนก่อน +1

    its sad that a person today spend 99% on social media platform and only 1% on those beutifully hardwork made websites

    • @romanmachanec2467
      @romanmachanec2467 3 หลายเดือนก่อน

      to have beautiful (and expensive) website today is a status thing, i think

  • @davadh
    @davadh 2 หลายเดือนก่อน

    Those 2D animation are extremely expensive to produce though at that level, they start at $7-20K base, up to $200K.

    • @Real_Game
      @Real_Game หลายเดือนก่อน

      which ones?

  • @muhammadfaisalemir3172
    @muhammadfaisalemir3172 2 หลายเดือนก่อน

    #892 WEB DESIGN 🇮🇩👍

  • @thewebstylist
    @thewebstylist 14 ชั่วโมงที่ผ่านมา

    $pline!!

  • @MdnZunors
    @MdnZunors 4 หลายเดือนก่อน +3

    When designer laugh developer cry

  • @aymaneamen5854
    @aymaneamen5854 4 หลายเดือนก่อน +4

    New design trends ❌
    New ways to make developers wish they're dead ✅
    Just kidding good video, thanks

    • @archiemarqx
      @archiemarqx 4 หลายเดือนก่อน

      when UI/UX came with this idea 5:08 and says: "Make responsible"

  • @user-yp8fo9jx2y
    @user-yp8fo9jx2y 3 หลายเดือนก่อน

    can anyone need web development services?

  • @Trixdi3DLinks
    @Trixdi3DLinks 5 หลายเดือนก่อน

    3D link-in-bio ,Trixdi, we, are also trend, great, thanks for the video and mention

  • @tigrezno2626
    @tigrezno2626 4 หลายเดือนก่อน +66

    so no accesibility anymore, making websites this way feels like coding a game and I hate it so much. It's like we are again in Flash territory. It sucks

    • @nofun1511
      @nofun1511 4 หลายเดือนก่อน +6

      True this is a typical web designer vs developer comparision

    • @kennyng1238
      @kennyng1238 3 หลายเดือนก่อน +2

      Why should we go to these kind of website lol Insta reels and posts are more realistic than the 3D web

    • @jerbear7952
      @jerbear7952 3 หลายเดือนก่อน

      ​@@kennyng1238you must have a very limited view if that's where you get all of your information

    • @spreadItWide
      @spreadItWide หลายเดือนก่อน

      I like to make my 3D sites with the option to go 2D. It's as simple as adding a light/dark theme toggle, lol plus the 2D html/css/etc files, but 2D websites are a walk in the park after building 3D ones!

    • @spreadItWide
      @spreadItWide หลายเดือนก่อน

      ​@@kennyng1238a 3D website doesn't have to be exclusive with 3D models. I use 360° cameras all the time for photos and videos, the immersion is on a whole different level! You can also just use "3D websites" as a transparent overlay that can make smaller 3D animations with 3D models on in front/behind the main 2D page. Another use case is for sites that use geographical coordinates and let's say one company is an ice cream store on a beach, now instead of getting a birds-eye view with a map marker, you can just hold your phone up as a magic window and see any map data from your current view, not a birds-eye view (again, you can still use both methods POV/birds-eye). There's more, if you want me to keep going later! BUT, I do get where you're coming from!

  • @namaefumei
    @namaefumei 4 หลายเดือนก่อน +2

    This is not web design. This is video, graphics design no?
    I don't see anything about web here.

  • @codiosity
    @codiosity 5 หลายเดือนก่อน

    I got wet aftter seeing that much depth lol , bro its some hard shit.....I am in my 3rd year of Engineering and I am learning to make some simple stuff . but still i have a will to learn it one day .

  • @masterthug8647
    @masterthug8647 4 หลายเดือนก่อน

    This video is actually 2023 trends

  • @omnirhythm
    @omnirhythm 2 หลายเดือนก่อน

    1:45 Contra '21 Industry Report fails to load in Firefox, lags heavily on a phone with 12GB of RAM, and GTMetrix can't analyze it because it hangs :D Prime example of beautiful looking useless web design.

  • @darkwoodmovies
    @darkwoodmovies 2 หลายเดือนก่อน

    Feels like every website is a copy/paste an Apple product page or some generic copy/pasted Google design. No original ideas in the world of web design these days.

  • @MultiSciGeek
    @MultiSciGeek หลายเดือนก่อน

    Not a fan of 3D, AI, and Bento... In a couple of years this is gonna look cringe and minimalism will once again return. I mean, just because you can, doesn't mean you should. I personally find all the packed, cheap 3D, AI generated stuff quite nauseating... Not to mention, people with weak PCs can't view it properly, a key concept in UX - accessibility.

  • @__________HolySpirit__________
    @__________HolySpirit__________ 4 หลายเดือนก่อน +2

    Jesus Christ is Lord

  • @adminmovie
    @adminmovie 3 หลายเดือนก่อน

    this is why these kind of modern ux sucks.. so much clutter with garbage animations