Top 2024 Web Design Trends

Поділитися
Вставка
  • Опубліковано 13 тра 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
  • Наука та технологія

КОМЕНТАРІ • 79

  • @Makedesignstutorial
    @Makedesignstutorial 3 місяці тому +4

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

  • @UltraSquad
    @UltraSquad 4 місяці тому +61

    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 4 місяці тому +3

      copy paste content like everyone does

    • @StixxLetsPlay
      @StixxLetsPlay 3 місяці тому +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

  • @henrythomas7112
    @henrythomas7112 4 місяці тому +13

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

  • @Nerdytimhieu
    @Nerdytimhieu 4 місяці тому +8

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

  • @user-ge4bt8mt8k
    @user-ge4bt8mt8k 4 місяці тому +9

    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.

  • @Al0Al0
    @Al0Al0 4 місяці тому +3

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

  • @DreamyDoseMusic
    @DreamyDoseMusic 3 місяці тому

    This is amazing

  • @yassinesaidi2768
    @yassinesaidi2768 4 місяці тому +2

    Thanks bro that was amazing

  • @ImPerkkk
    @ImPerkkk Місяць тому

    Frickin' COOL🤙🏾

  • @user-ge4bt8mt8k
    @user-ge4bt8mt8k 4 місяці тому +1

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

  • @uifry
    @uifry Місяць тому

    Thank you for sharing worth video :)

  • @Angelinajolieshorts
    @Angelinajolieshorts 4 місяці тому +1

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

  • @ashleyhylton802
    @ashleyhylton802 3 місяці тому

    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

  • @christianliz-fonts3524
    @christianliz-fonts3524 Місяць тому

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

  • @amazingfreelancer
    @amazingfreelancer 3 місяці тому +1

    Nice ❤

  • @suvi135
    @suvi135 4 місяці тому

    Amazing video! Where do you find these websites?

  • @selvidevaraj4010
    @selvidevaraj4010 3 місяці тому +1

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

  • @p00laris
    @p00laris 4 місяці тому

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

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 4 місяці тому

    thank you

  • @bayarearob
    @bayarearob 4 місяці тому

    What style of animation is used for the coffee website?

  • @pisco1444
    @pisco1444 3 місяці тому

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

  • @_D3adB0y_
    @_D3adB0y_ 4 місяці тому +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.

  • @yas_art
    @yas_art 4 місяці тому +2

    1:38 whats that website?

  • @kingsleyagwu1886
    @kingsleyagwu1886 4 місяці тому

    What industries can this be applied too?

  • @sachinkumar-vi4nq
    @sachinkumar-vi4nq 2 місяці тому

    super video

  • @ewe-studios
    @ewe-studios 4 місяці тому +1

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

    • @CodexCommunity
      @CodexCommunity  4 місяці тому

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

  • @uhohdesignco
    @uhohdesignco 2 місяці тому +8

    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.

  • @Trixdi3DLinks
    @Trixdi3DLinks 4 місяці тому

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

  • @thanapoomjantararuangtong3797
    @thanapoomjantararuangtong3797 4 місяці тому +2

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

    • @CodexCommunity
      @CodexCommunity  4 місяці тому

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

  • @razlar2080
    @razlar2080 4 місяці тому +46

    We got houses on websites before GTA6 💀

  • @anass123ism
    @anass123ism 2 місяці тому +1

    that will work slow on many mobile devices for sure

  • @sachinkumar-vi4nq
    @sachinkumar-vi4nq 2 місяці тому

    nice video

  • @BenjaminMartinjak
    @BenjaminMartinjak 3 місяці тому

    How do i learn that?

  • @ihelpdogs
    @ihelpdogs 6 днів тому

    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.

  • @biztradeclub
    @biztradeclub 3 місяці тому +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.

  • @realpro8728
    @realpro8728 3 місяці тому

    Is the gitness website alive or just a mock

  • @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!

  • @TEAWTODAY
    @TEAWTODAY 3 місяці тому +1

    4:22 What's program?

  • @thangavel_st
    @thangavel_st 4 місяці тому +1

    wow!

  • @wheresmyskin
    @wheresmyskin 3 місяці тому +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.

  • @claudioandrade9292
    @claudioandrade9292 4 місяці тому

    You need to work on your prompts for AI tools

  • @kira.herself
    @kira.herself 15 днів тому

    most of these just overload my brain :(

  • @4ssarabio
    @4ssarabio 3 місяці тому

    22:22 11:11

  • @davadh
    @davadh Місяць тому

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

  • @dinushaariyarathna5155
    @dinushaariyarathna5155 2 місяці тому

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

  • @JhitsfanfromPH
    @JhitsfanfromPH 3 місяці тому +2

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

  • @user-yp8fo9jx2y
    @user-yp8fo9jx2y 2 місяці тому

    can anyone need web development services?

  • @muhammadfaisalemir3172
    @muhammadfaisalemir3172 Місяць тому

    #892 WEB DESIGN 🇮🇩👍

  • @simoncallelaverde
    @simoncallelaverde 4 місяці тому

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

  • @MdnZunors
    @MdnZunors 3 місяці тому +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"

  • @romanmachanec2467
    @romanmachanec2467 2 місяці тому

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

    • @romanmachanec2467
      @romanmachanec2467 2 місяці тому

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

  • @namaefumei
    @namaefumei 3 місяці тому +2

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

  • @codiosity
    @codiosity 4 місяці тому

    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 .

  • @tigrezno2626
    @tigrezno2626 3 місяці тому +56

    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 3 місяці тому +6

      True this is a typical web designer vs developer comparision

    • @kennyng1238
      @kennyng1238 2 місяці тому +2

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

    • @jerbear7952
      @jerbear7952 2 місяці тому

      ​@@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!

  • @omnirhythm
    @omnirhythm Місяць тому

    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.

  • @masterthug8647
    @masterthug8647 3 місяці тому

    This video is actually 2023 trends

  • @darkwoodmovies
    @darkwoodmovies Місяць тому

    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 10 днів тому

    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.

  • @adminmovie
    @adminmovie 2 місяці тому

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

  • @__________HolySpirit__________
    @__________HolySpirit__________ 3 місяці тому +2

    Jesus Christ is Lord