A New Web Design Trend Going Into 2024?

-- Today, I'm going to show you a new emerging UI design trend heading into 2024 that utilizes grid design much more than in the past. I'll feature 8 examples, and then my own custom design styled in the 2012 era, the present era, and finally with this new emerging trend.

Designs from the video, in order:

0:00 - Intro
0:49 - Design Examples
3:36 - 2012 Era Design
4:34 - Present Era Design
5:23 - New Trend

Let's get started!

#trend #webdesign #uidesign

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[codedusting]

As a Frontend Engineer, web performance fundamentals should become a mandatory segment for designers.

[breezycodes]

I wish some designers knew that users usually visit a website for specific information or to do perform a few actions. All this noise in the design is nope.. they look good, but that is about it. I wouldn't even know where to click to get started with anything.

Great video btw ❤. Thanks for sharing

[Jy]

These new trends are overwhelming, but my issue would be making some of these dynamic layouts mobile responsive(I'll appreciate a future video on that if possible).

[erik.swartz]

All of these examples are exciting for designers, but for the average site visitor, they are confusing, busy, and cluttered.

[tristan-designs]

I've noticed the trend of "everything above the fold" coming back recently. This feels like the reaction to that. It's too busy in my opinion, and just like other trends it will probably fade out to something a bit more tame after a year or so

[daniel.cabbage]

I love how videos like this conserve our culture with contex for people in the future.

[gitgudchannel]

I like the very narrow gutter widths, especially on the first example at 1:00. It's really futuristic how the hero section almost touches the navbar but it still looks right

[henrythomas]

Thanks for the new video! I’m looking forward to seeing what other content you post! Always good to learn as much as you can!

[ShaunLevett]

The difficulty with these layouts is you really have to decide in the wireframe stage that it's the design style you're going to use, because you need more content than on a standard hero.

[zabintasrik]

It's always nice to see more creative approaches to the hero section. However, I'm not sure how this can be adapted in a mobile screen without losing legibility. Or rather I'd say, it hasn't yet been figured out maybe.
.
It could also be a cool topic for a future video, where you attempt to convert similar hero sections to mobile screen sizes. I'd definitely love to see that video.

[vitalis]

2:16 reminds me of the Macromedia Flash animation days, but overall I do like the use of bold colour and typography scale

[ezdnncz]

I hope we get some changes like this that work. Most of the time, I just skip over everything on a website and go straight to what I need. We might as well just put the menu as the hero image.

If we can get with the coders on this and do testing to make sure the experience is good, we can make some great new designs 🎉

[AJ-qvrs]

Great stuff ... great to see David Spade on the cusp of Design Trends ...

[thewebstylist]

Luv those first two in particular! Great colors also in the first, will try and recreate a demo similar to

[jonnydavison]

As much as these designs are slick, explorative, and eye-catching, I can see some of them being a bit tricky to build whilst remaining responsive on mobile. Figma is one thing, and development is another.

[almannazyrov]

Great designs, especially layout elements positionings. As a developer, it would be arduous to implement and make it responsive but this can be solved for high cost and significant time.

[wareswaricz]

Love to see designs on dribble. This guys think outside the box. Even though this is not perfect, it will be nice to tap into there creativity and create designs thats aesthetically and also works in terms of ux ❤❤

[aryanasmith]

I extremely like the video, man. Very helpful and informative. Thank you very much. It is presented so well too. Great, positive work.

[telsamorgan]

This is a fantastic video. It's clear and easy to understand your explanations. Thank you for providing this information.

[damnedsleeper]

It looks more like a magazine than a website
Also, I think it would be a nightmare to make the new design mobile friendly