A New Web Design Trend Going Into 2024?

  Рет қаралды 237,989

DesignCourse

DesignCourse

Күн бұрын

bit.ly/3sPJrxR 👈 Design & code like me. Use "UI2023" for 23% Off!
designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- 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:
dribbble.com/shots/22694551-V...
dribbble.com/shots/22693255-M...
dribbble.com/shots/22694023-P...
dribbble.com/shots/22692764-G...
dribbble.com/shots/22691206-N...
dribbble.com/shots/22693802-E...
dribbble.com/shots/22687900-M...
dribbble.com/shots/22628998-C...
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!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

Пікірлер: 328
@DesignCourse
@DesignCourse 7 ай бұрын
Thoughts?
@hamza77v
@hamza77v 7 ай бұрын
good work
@alipinedacreates
@alipinedacreates 7 ай бұрын
This is such a new, interesting and unique way to design the hero section of a website. I would love to play around with this type of design. The layout generator is super helpful. Thank you so much for sharing 😊
@tablomaxos2965
@tablomaxos2965 7 ай бұрын
Please add the links to the description.
@DesignCourse
@DesignCourse 7 ай бұрын
@@tablomaxos2965 Done, thanks for the reminder!
@marzoval9551
@marzoval9551 7 ай бұрын
I welcome any deviations from the safe and boring trends of web design.
@codedusting
@codedusting 7 ай бұрын
As a Frontend Engineer, web performance fundamentals should become a mandatory segment for designers.
@lenahoprah
@lenahoprah 7 ай бұрын
😂😂😂 let us dream
@MostachoIrregular
@MostachoIrregular 7 ай бұрын
Frontend Engineers don't hire designers most of the time. And designers tend to rely on flashy portfolios, because they usually catch the ice. Are they usable? Maybe not. But for a junior designer it can work.
@videos6505
@videos6505 7 ай бұрын
It's just Dribble and most of these Design will never be "executed".
@NoelTorres_noletorious
@NoelTorres_noletorious 7 ай бұрын
I am both. Engineers should push back if it's unrealistic. Designers should respect the push back and focus on representing the brand, which includes pushing boundaries where need be.
@fiqihalfarizy4843
@fiqihalfarizy4843 7 ай бұрын
@@videos6505 this fact is quite unique since these designs are actually awesome, it seems majority client are not brave enough to use these kind of style
@Jy3388
@Jy3388 7 ай бұрын
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).
@stevetitch
@stevetitch 7 ай бұрын
I was just thinking this --- how does that look on mobile?! Surely it just ends up stacking again, and considering most people will view it on mobile, is it all that different?
@tribalchickendesigns
@tribalchickendesigns 7 ай бұрын
i think from a response you might consider how the layout will adjust or even minimize features based on screen size and what you want the user to do
@warrenc1829
@warrenc1829 7 ай бұрын
I agree. Too busy. Trying to fix a problem that isn’t there, just to start a new trend. They look like magazine layouts.
@cimmik
@cimmik 7 ай бұрын
I had the same thought and I hope that @designcourse will make a video from covering this concern
@The-Great-Brindian
@The-Great-Brindian 7 ай бұрын
@@stevetitch Well how else would you want the content to appear on a device with a screen size constraint, i.e viewing a site on a smartphone and in portrait mode? You will now need to present the most important information to the user and watering down and/or eliminating the excess eye-candy so that you give the user a more streamlined mobile experience. You will need to make the website more 'appy' if you want people to engage with it. Home page should be boxes with clear CTAs imo 🙂
@Atractiondj
@Atractiondj 7 ай бұрын
UX leave the chat...
@Uzair57
@Uzair57 7 ай бұрын
Might as well call themselves "Overwhelming and unnecessary as f*ck UI designers"
@rickyanthony
@rickyanthony 7 ай бұрын
Not necessarily. Humans are complex intelligent creatures and the whole paradigm of UD and UX has I feel been very dumbed down over the years. There are no rules.
@Atractiondj
@Atractiondj 7 ай бұрын
@@rickyanthony Your comment proves the fact that you do not know and do not understand what UX is. First, read Hicks' law and understand the fact that a clutter of elements does not simplify, but complicates the user's scanning of the site. And lastly, remember! All these methods of posting content are useless when today more than 70% of traffic comes from smartphones where everything is limited to 1-2 columns!
@zadzadny
@zadzadny 7 ай бұрын
UX cries when see that design. Why?, they ask. For who is that? @Atractiondj thanks for understanding 💪
@Atractiondj
@Atractiondj 7 ай бұрын
@@zadzadny Well, yes, you are absolutely right. When can you convince the biology of the eye that a frame of 100 pixels does not look larger than a circle of 100 pixels! And in order for the optical circle to look the same size, you need to make it 120 pixels and then to the eye they will appear the same in size. Then ask who I am and why the laws of the UX were written for a reason and why they must not only be read, but also understood how they work! А до тех пор закрой свой рот хохол!
@erik.swartz
@erik.swartz 7 ай бұрын
All of these examples are exciting for designers, but for the average site visitor, they are confusing, busy, and cluttered.
@alanstowe2245
@alanstowe2245 4 ай бұрын
Only if they're done incorrectly. If the pillars of design are respected, it'll work just fine. Grids, contrast, color, typography. Balance them effectively and you can do a lot more than put text next to a photo.
@cpujolsdesign
@cpujolsdesign Ай бұрын
@@alanstowe2245 What do you think about the layouts in the video?
@breezycodes
@breezycodes 7 ай бұрын
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 just....... 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
@alanstowe2245
@alanstowe2245 4 ай бұрын
A lot of these achieve what print used to do. It can ABSOLUTELY be done in a user friendly way. These are concepts. The whole point is to get the information people are looking for up front. Its up to you to know how to use grids, contrast, color and typography to make sure the eye knows where to look 1st, 2nd, 3rd. Its really not that hard.
@user-tq6yc7td6w
@user-tq6yc7td6w 7 ай бұрын
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
@MichaelThomasDev
@MichaelThomasDev 7 ай бұрын
Exactly, looks very busy to me, and my question is, do these sites convert better than the ordinary sites?
@ShaunLevett
@ShaunLevett 7 ай бұрын
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.
@jinjinjinrou
@jinjinjinrou 6 ай бұрын
I agree with this one. Everything has to be deliberate for it to work.
@alanstowe2245
@alanstowe2245 4 ай бұрын
All design should be deliberate. That's kind of the whole point.
@ShaunLevett
@ShaunLevett 4 ай бұрын
@@alanstowe2245 but that doesn’t work on a client site that uses a CMS. They can add what content they want.
@leonardoiob4798
@leonardoiob4798 7 ай бұрын
For me this trend is a big NO. Not only it lacks one important concept of design, which is hierarchy, but it also distracts the user. Definitely too busy and confused for my tastes.
@kevin_mitchell
@kevin_mitchell 7 ай бұрын
I didn't see a trend but a regression.
@rodivilin
@rodivilin 7 ай бұрын
It's not for the user, it's for Dribbble
@daniel.cabbage
@daniel.cabbage 7 ай бұрын
I love how videos like this conserve our culture with contex for people in the future.
@jonnydavison2530
@jonnydavison2530 7 ай бұрын
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.
@damnedsleeper
@damnedsleeper 7 ай бұрын
It looks more like a magazine than a website Also, I think it would be a nightmare to make the new design mobile friendly
@dcarter_ux
@dcarter_ux 7 ай бұрын
I agree. A responsive design with breakpoints I don’t see it working unless it’s in columns and rows but with hierarchy. Some of the designs have the biggest element lower on the screen. Would make zero sense in responsiveness
@indexzet
@indexzet 7 ай бұрын
@@dcarter_uxin modern development you can just make two different components to show for different breakpoint - so design for mobile might be completely different
@dcarter_ux
@dcarter_ux 7 ай бұрын
@@indexzet yes i understand you. but imagine seeing that transition on desktop. on phone you would never know. meh. still...no me gusta
@denhaak8792
@denhaak8792 7 ай бұрын
@@indexzet Its easy enough to make the design responsive by simply add or remove content, but that is if the desired approach it begs the question: why design it in such a way in the first place? Content is king. It reminds me a bit of architects who go well and beyond to create the most impressive buildings, however, completely seem to forget the fact that said building actually is intended to have a purpose beyond looking pretty. There is a quote by Steve Krug that has stuck with me: "If your audience is going to act like you're designing billboards, then design great billboards." His quote is in relation to user's tendency to scan content for what they're searching for. These designs are the opposite of that with a lot of secondary and tertiary information sprinkled all over to create a visually interesting design. Admittedly a lot of these look great great, but from an UX point of view I am almost 100 % sure they would score significantly lower.
@alanstowe2245
@alanstowe2245 4 ай бұрын
@@denhaak8792 These designs have a LOT in common with billboards. I was thinking of billboards and magazines while watching the video.
@zabintasrik4488
@zabintasrik4488 7 ай бұрын
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.
@Truevined
@Truevined 7 ай бұрын
Something not being discussed enough is this: how do these designs translate to mobile? Especially when optimizing for conversions. Great final design btw
@user-ez5dn8nc9z
@user-ez5dn8nc9z 7 ай бұрын
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 🎉
@aminansar5294
@aminansar5294 7 ай бұрын
Hi, great stuff but I am worried about the fact that such layouts might make users work to find content while on the other hand the typical "template-y" layouts do the work themselves and users don't have trouble finding information. Proceed caution when creating such layouts that are on dribbble and make sure users are able to find information that is important
@gitgudchannel
@gitgudchannel 5 ай бұрын
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
@kasperborgbjerg
@kasperborgbjerg 7 ай бұрын
🎯 Key Takeaways for quick navigation: 00:00 🎯 Web Design Trends Introduction 00:52 🌟 Example 1: Dynamic Hero Section 01:45 🌈 Example 2: Typographic Emphasis 02:41 🌀 Example 3: Busy yet Dynamic 03:35 🕰️ Evolution of Hero Sections 05:13 🌐 Future Trends in Hero Sections Made with HARPA AI
@thalesousa
@thalesousa 7 ай бұрын
Border-radius? 2024: YES
@vitalis
@vitalis 7 ай бұрын
2:16 reminds me of the Macromedia Flash animation days, but overall I do like the use of bold colour and typography scale
@wareswaricz6948
@wareswaricz6948 7 ай бұрын
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 ❤❤
@AJ-qv1rs
@AJ-qv1rs 7 ай бұрын
Great stuff ... great to see David Spade on the cusp of Design Trends ...
@almannazyrov394
@almannazyrov394 7 ай бұрын
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.
@alanstowe2245
@alanstowe2245 4 ай бұрын
Glad to see a web designer open to the new!
@thisbridgehascables
@thisbridgehascables 7 ай бұрын
It’s actually considered the bento box design concept.. designers are trying to mimic Japanese styles for grid layouts. It is not really new, I saw other designers trying to figure ways to use this 6 years ago. It’s only becoming more useful with flex box and mimicking some native app layouts to the desktop. Also very print like approach.
@MichaelThomasDev
@MichaelThomasDev 7 ай бұрын
Ah great, I just searched "bento box web design" and I see what you mean, thanks a lot!!
@RA-dh1tb
@RA-dh1tb 7 ай бұрын
I'm getting tired of bento box design. It's everywhere right now.
@alanstowe2245
@alanstowe2245 4 ай бұрын
Designers have been doing stuff like this in magazines for decades. Its not mimicking Japanese grid layouts. Its just using grids, first year design class stuff. Highly recommend reading Making and Breaking the Grid to prepare for the future.
@I-webdesignerCoUk
@I-webdesignerCoUk 7 ай бұрын
Respectfully, what a mess these things are. If you want to persuade your visitor to take action, then keep the steps obvious and simple. The skill is in managing the content to make the message obvious. Keep simplifying until everyone can understand your message and you will start converting. KISS … always
@aryanasmith4426
@aryanasmith4426 5 ай бұрын
I extremely like the video, man. Very helpful and informative. Thank you very much. It is presented so well too. Great, positive work.
@marius_krm
@marius_krm 7 ай бұрын
interesting approach. it first comes to my mind to see mobile - everyone still focusing on these flashy desktop designs but how do they look (and especially feel on mobile?). lately i love to focus on going back to super simple designs and making the site as accessible as possible in comparison to flashy. I've seen a lot of results lately where a "better looking" site performed way worse than the previous version.
@Sonya_Makepeace
@Sonya_Makepeace 5 ай бұрын
That Cereen Magazine layout was beautiful.😍
@TheUXEngineer
@TheUXEngineer 7 ай бұрын
Interesting concept but probably a waste of time for the vast majority of websites unless you can prove it makes a noticable impact on conversion rates. Across the sites I run, desktop traffic generally acounts for 25-35% of total traffic, and sometimes as little as 10%. There are exceptions, but this is very much the norm. If you have plenty of resources and a much higher percentage desktop traffic than usual go for it, but otherwise it's silly to spend the extra designer and developer time on something most of your users won't see.
@rarodev
@rarodev 7 ай бұрын
Readability first. Designers should have that in mind. You cannot convert just with a fancy-looking site. Don't get me wrong, all those designs are looking great, so as long as you can make it easy to digest for a user it is okay. Some of them are too much cluttered.
@marexibinsa2915
@marexibinsa2915 5 күн бұрын
What a brilliant video. Great advice, simple and practical.
@rEd1337
@rEd1337 7 ай бұрын
I love new things, innovations and ideas that are coming up every once in a while, but to me this is not really it. I love keeping my hero sections extra simple, no extra clutter etc. 🤷‍♂
@themaskedturnip
@themaskedturnip 7 ай бұрын
Really interesting designs, but are these "mobile first" designs? As part of your review it would be nice to see the mobile version of the design as well, especially considering that there was a ton of info and design elements at the top of the page. It would be interesting to see how that translates on mobile.
@ys1197
@ys1197 7 ай бұрын
Ye. It's specially important for SEO purposes too
@wchorski
@wchorski 7 ай бұрын
I too wish reviews like this talk about mobile. That said, I've seen a few modern websites omit certain paragraphs on the mobile version. Like a 3 column Header and Paragraph layout will keep the Header and hide the Paragraph elements on mobile so they can reserve some of that horizontal flow.
@bassdog61
@bassdog61 7 ай бұрын
Interesting layouts when viewing on a desktop but how do these look in mobile screen view?
@DMmotionarts
@DMmotionarts 7 ай бұрын
5:20 - I think I would prefer to have a green stamp kinda design (not sure what it is called) saying eat fresh or healthy which would be spinning in the place of "Eat fresh..." and change the truck image to someone happy eating food. As seeing someone happy basically makes the brand look trustable.
@telsamorgan5369
@telsamorgan5369 6 ай бұрын
This is a fantastic video. It's clear and easy to understand your explanations. Thank you for providing this information.
@carsonwyndham9693
@carsonwyndham9693 7 ай бұрын
I am just starting the design of a new website for a plumbing company, I am going to give this a shot, thanks
@MattPryze
@MattPryze 7 ай бұрын
These designs are overwhelming
@solomonnjobvu3583
@solomonnjobvu3583 7 ай бұрын
Could you kindly show the third design in a mobile view 🙏
@ArturoEnVancouver
@ArturoEnVancouver 7 ай бұрын
Omg! I was not subscribed to your channel all this time... thank you for all the information, I am not a big fan of this new trend but maybe I need to experiment a little bit more to get used to it
@JEstebanC
@JEstebanC 5 ай бұрын
Great video, also your explanation. Now I have to adapt all that information into an phone app
@coder5336
@coder5336 7 ай бұрын
It might really be the next trend. People have no time to scroll all the way down anymore.
@CoryTheSimmons
@CoryTheSimmons 7 ай бұрын
Good point
@netsudro
@netsudro 7 ай бұрын
I guess this new trend it's more like a magazine type of layout. It requires more attention but it delivers a more compact message. If the text is written well, it can really work.
@mrjohncrumpton
@mrjohncrumpton 7 ай бұрын
2:28 ‘Welcome’ is back! I’ve missed you my old friend.
@FzsHotDogInDonut
@FzsHotDogInDonut 7 ай бұрын
designers and architects are truly great people. Making nightmares for developers and civil engineers.
@alanstowe2245
@alanstowe2245 4 ай бұрын
And without us, we'd all live in a grey boxes and the whole internet would be Craigslist. Balance is key.
@iamdihan
@iamdihan 7 ай бұрын
Really like the Cereen style
@pendaco
@pendaco 7 ай бұрын
It seems to be mostly inspired by that Apple trend where they throw in all their specs onto 1 blocky grid. It works for those presentation/video purposes but those examples are way too cluttered and a hell to make responsive..
@jakubstrumillo
@jakubstrumillo 4 ай бұрын
I love how designers use old therm negative space as white space, even if its not actually white :P
@Jeevanmn
@Jeevanmn 7 ай бұрын
Have a huge problem with these layouts. They make finding content you are interested in hard. Imagine doing the first design for a startup - visitors need to process a ton of info before getting to the product that the startup builds and evaluate if its useful for them.
@CodeMom
@CodeMom 3 ай бұрын
I actually liked the first Eco Eats version with the dark overlay. It’s simple and my eyes don’t need to go all over the place.
@Anonyme1
@Anonyme1 7 ай бұрын
What is the software you are demonstrating can you gice me the name please?
@J1mmyharggs
@J1mmyharggs 7 ай бұрын
New to UI here. What program is being used during the ecoeats review? 4:52
@user-vr1ge8ow5j
@user-vr1ge8ow5j 7 ай бұрын
i love this photography 😁
@doenaldjonathan862
@doenaldjonathan862 7 ай бұрын
Nothing screams "I use Framer!" like bento grids.
@adied7725
@adied7725 7 ай бұрын
Hi garry do you have the link to the other video? please... Thanks😊
@2405krishna
@2405krishna 7 ай бұрын
Some of the designs really look very clean
@AtacamaHumanoid
@AtacamaHumanoid 4 ай бұрын
I'd like to see how a lot of these responsively scale to smaller screens. I've hand-coded a few header sections that drastically moved text around imagery and it was truly an absurd and unnecessary waste of time. To me, it looked very cool and seemed worth it, but honestly nobody cares at all and that means it's truly not worth it. If you're working with dynamic content that's going to change, it's even sillier.
@designstudie
@designstudie 7 ай бұрын
I like some of these from a design perspective, but most of them are a bit too busy and cluttered. And it is challenging to implement these as a template system with a set of rules i believe while maintaining recognizability
@nevek895
@nevek895 5 ай бұрын
bento design with this is so good
@omnirhythm
@omnirhythm 2 ай бұрын
It's like a never-ending cycle of "too chaotic, respect the fundamentals > meh boring let's break rules > too chaotic, respect the fundamentals". Chaotic, hardly legible sites work only for certain cases, not always. No need for it to be either/or, there's plenty of room for all designs to live but all in good moderation and contextually relevant.
@bodynutrition201
@bodynutrition201 7 ай бұрын
How do those respond to the mobile aspect ratio? They look really cool and innovative on desktop and please do a video on the mobile half
@blakeseufert7340
@blakeseufert7340 7 ай бұрын
Its dynamic!
@ishanksuryavanshi9829
@ishanksuryavanshi9829 7 ай бұрын
What do you mean by that VR design is Dynamic?
@BenDixon1
@BenDixon1 5 ай бұрын
I'd like to see some of these layouts in a mobile form. I'm generally mobile first at the moment (even though I prefer how desktop web design looks!)
@CrzyMan_Personal
@CrzyMan_Personal 7 ай бұрын
MAJOR cognitive accessibility concerns. The design @1:28 is darn near unparsable with how much is going on. Big text, okay, do I go right or down? uh. Right is pictures. I'll go down. Okay, that wasn't much. Wait there is stuff top right? Oh, but I'm not interested in that. What's on these pictures. AHHHHHH! "Where your mental health flourishes"? More like where my brain immediately screams in anguish and runs away. Your design @5:29 is fine though. My brain knows where to put my eyes to get the next bit of information I'm looking for. The real trick is that you have to be visually interesting while still adequately communicating valuable information. If you are just showing off, but not telling me anything, you're just disrespecting my time, and I'm leaving.
@stxrryd
@stxrryd 7 ай бұрын
Just looks like graphic designers took over UX to me. Not to say that it’s the worst navigation ever, but these motifs were common in graphic design portfolios for a while now
@adammesheia
@adammesheia 7 ай бұрын
As a direct marketer who builds websites for conversions my first thoughts are ahhh overwhelming.
@ashman123456789
@ashman123456789 6 ай бұрын
what about structure of the website. do you think the format is still the same? Hero > Services > about > benefits > testimony etc etc ?
@moe-alhakeem
@moe-alhakeem 7 ай бұрын
It’s quite dynamic, one might say
@appeal
@appeal 7 ай бұрын
I think we should think more about the end user and how it converts rather than a dynamic design or how bad an old design might look.
@v1d300
@v1d300 7 ай бұрын
But how do these transform for mobile view? They end up being stacked anyway isn't it? And as much as I love desktop designs, most of the web traffic for most clients is through mobile. So is it worth going through all the trouble of developing such a complex design? I think dribble designers and these concepts look good as concepts and design but might work well for everyone's time and effort.
@RominaJones
@RominaJones 2 ай бұрын
I like them but some are a tad busy. I think that comes from most likely many being design exercises for portfolios as opposed to live sites?
@nicksunny
@nicksunny 6 ай бұрын
I am missing the "where this would make sense" as part of the video. To be more precise understanding the need that led to this design to appear.
@majisher
@majisher 7 ай бұрын
Should we call it a Complex Asymmetric Hero/Header layout trend? Thanks for sharing!
@agusmacrae2193
@agusmacrae2193 7 ай бұрын
As a frontend most of these designs(thou pretty), will make me wanna quit or phisically harm the designer
@alanstowe2245
@alanstowe2245 4 ай бұрын
You should take an intro to graphic design class then. Cuz this stuff is very similar to old print stuff that worked just fine. Good design wielding the 4 core concepts of design can get a user to look at the information in the right order and still get them where they need to go. Its really not that hard. Web Design has just finally caught up to the rest of design.
@user-zq5sq7et3q
@user-zq5sq7et3q 6 ай бұрын
What would be interesting to see is how would this new trend affect responsive designs.
@user-cc9bz1ut7s
@user-cc9bz1ut7s 6 ай бұрын
How can I make the empty space in a div like that website example num 4. I tried everything and the only thing worked is clip-path which is complicated to place and set sizes
@hifzadinar4329
@hifzadinar4329 4 ай бұрын
Instead of calling it a dynamic and fluid design trend, i find it to be very gen z with all the important information just added in and emphasized to be consumed in one go. It is due to how we consume content and information these days. And the art style and visuals are definitely trending. Look at the branding and elements used by figma. It’s exactly the same art style as the references. With a major name like that in design setting the trend, others are just following suit. But some of the examples weren’t accessible at all. As are many of the designs on dribbble or behance. And they’re tricky to implement in terms of responsiveness. A tutorial on how to do that well would be a great video!! (With examples of how figma is doing it well)
@claudiasabb
@claudiasabb 7 ай бұрын
These more dynamic hero sections have a higher “delight”factor ✨ it’s our (designers) job to find a good balance with usability. I’d love to see a video on how this trend is applied on mobile as all the examples I find are desktop size
@thevikingsock8527
@thevikingsock8527 6 ай бұрын
Yeah which is important in todays age. Attention is everything
@thevikingsock8527
@thevikingsock8527 6 ай бұрын
But Usability is important too
@rozkrokokrok
@rozkrokokrok 6 ай бұрын
I would be interested in how these beautiful websites are handled in terms of architecture and content structure. Mostly, I have the impression that everything the page contains is included right away in the hero sections. What comes next? Isn't it a mistake if the content that is already published in hero sections is repeated?
@alberjumper
@alberjumper 6 ай бұрын
Does anyone know a channel that focuses on the implementation part of these kind of outstanding designs?
@GeorgeChkhaidze
@GeorgeChkhaidze 4 ай бұрын
I wonder how all of that might look on mobile devices and how manageable it might be in CMS
@user-in6tt3xe3h
@user-in6tt3xe3h 5 ай бұрын
Прекрасная супер связка. Спасибо, что поделились.
@Chronomatrix
@Chronomatrix 7 ай бұрын
Kinda reminds me of how magazines were designed in the 90s/early 2000s.
@kevin_mitchell
@kevin_mitchell 7 ай бұрын
This trend kinda reminds me of how websites were designed in the 90s/early 2000s. Just add flashing logos everywhere and we're good to go.
@bobs83
@bobs83 6 ай бұрын
Great content ! Thanks
@RusAnderson
@RusAnderson 2 ай бұрын
What you said at about the 5:15ish mark - the second example might perform better than the third even though the third is more current. So many people wanting websites/apps would look at the two examples and immediately want the new trend even if you explain that the second option would perform better. It's frustrating as a consultant to implement this way.
@HikaruAkitsuki
@HikaruAkitsuki 7 ай бұрын
At this moment, I don't know if css frameworks starters still gonna work. I don't yet using prototyping ux designer like figma, just straight up in coding. And this design gonna take longer to built. The way the current treands are like this is because partially thanks to css frameworks and templating engines or front end frameworks. But with this, we might gonna back on traditional web built instead of cms and api assisted websites.
@davidkonevky7372
@davidkonevky7372 6 ай бұрын
I like the look of most of these things. But I really feel like most people doing this stuff don't take into account the amount of WORK it would take to make not only these layouts look accurate to the design, but also make them work on multiple devices. I think most of these designs should provide a respective mobile version
@petarkolev6928
@petarkolev6928 7 ай бұрын
Thanks for the cool video!
@karlomiguelperez4450
@karlomiguelperez4450 7 ай бұрын
Most of these designs would be a strain to the eyes (low contrast, legibility, chaotic layout, no focus, etc).
@deathmaxxx
@deathmaxxx 7 ай бұрын
great designs for a few percentage of people viewing it on large 16:10 desktop screens. Otherwise it is responsivity nightmare and not usable for laptop screens at all. Plus, hero should not beat you with information scattered all over the place, no matter the perfection of the grid etc.
@oomrsunshineoo
@oomrsunshineoo 7 ай бұрын
This trend with a lot more containers in the hero section is interesting and look fantastic. But you should really think about how the human brain obtain information. Many of those design looks good, but destroys conversion because our brain gets too much information at the same time. Some of the design you show still do it good with how much information they shoot at you. But many of the have too much information. You should always think about user behaviour, psychology, user experience etc. is not about you, it's about your target audience. But if done dynamic without too much information, it can help keep your website interesting and peak interesting But I love the new way of thinking about building the hero section and walking away from these old template looking designs.
@ooogabooga5111
@ooogabooga5111 7 ай бұрын
Tbh I really like this trend, It looks amazing if done right. But most of the designs don't get it right. It's like a bento box mixed with some non-matching design elements like text. I don't how these look on a large screen monitor and mobile though. Modern web Designs are getting to be more like digital posters.
@donnysashari
@donnysashari 7 ай бұрын
I don't know if I would be proud that much of the design trends come from my country 🇮🇩 . Because there's a lot of new UI/UX Studio with marketing & graphic design stuff inspired by Awwwards.
@aps69
@aps69 7 ай бұрын
Putting too much content will just burst your user's minds
@pablogubelin2521
@pablogubelin2521 7 ай бұрын
These layouts looks nice on Desktop but what about Mobile User experience?
@1augh0utL0UD
@1augh0utL0UD 6 ай бұрын
Those examples look nice at a glance but once you break them down they all seem to be loading so much information above the fold - probably not the best for a user first jumping on. That last one was more realistic though :)
@seriouce4832
@seriouce4832 7 ай бұрын
These have a lot of similarity to print design and such. They look great, might be usable but as said, will be nightmare to make responsive / work with mobile etc.
@gerryyong5361
@gerryyong5361 7 ай бұрын
i want to see how this looks on mobile
@jeanniepanting6061
@jeanniepanting6061 7 ай бұрын
To me they all look really busy. Im not sure where im meant to be looking, and theres too much information im overwhelmed. People are simple, we dont want to be overwhelmed when looking for information.
The 5 Levels of Web Design - Worst to BEST UI/UX
11:22
DesignCourse
Рет қаралды 42 М.
Web & UI Design Trends for 2024
10:17
Jesse Showalter
Рет қаралды 78 М.
Зомби Апокалипсис  часть 1 🤯#shorts
00:29
INNA SERG
Рет қаралды 7 МЛН
Conforto para a barriga de grávida 🤔💡
00:10
Polar em português
Рет қаралды 86 МЛН
I built a portfolio in 1-hour, 10-hours, 100-hours! (Using Webflow)
17:54
Best Web Design Resources 2024 Worth Bookmarking
7:03
Codex Community
Рет қаралды 91 М.
The LATEST Design Trends You Need to Know - UI/UX Design
3:43
Orizon Design
Рет қаралды 3,3 М.
18 Hero Section Designs You Can Steal
11:45
Payton Clark Smith
Рет қаралды 656 М.
Epic 36 Rapid ReDesigns of uGLy UI's!
1:13:27
DesignCourse
Рет қаралды 70 М.
Graphic Design Trends 2024 [18 Styles Explained]
17:10
Matt Thorne
Рет қаралды 466 М.
Top 2024 Web Design Trends
5:32
Codex Community
Рет қаралды 415 М.
Unwritten Rules for Better Web Design w/ Vitaly Friedman
8:42
Complete Course On Layout Design (MASTER LAYOUT)
21:04
Satori Graphics
Рет қаралды 640 М.
Главные сюрпризы Met Gala 2024
0:51
Lion Ring (Лионринг)
Рет қаралды 13 МЛН
Необычный дом в Японии!
0:34
По ту сторону Гугла
Рет қаралды 1,2 МЛН
Hula Hoop Challenge With Women On The Street!
0:38
Horia Bogatu
Рет қаралды 29 МЛН
OMG 😨 Era o tênis dela 🤬
0:19
Polar em português
Рет қаралды 1,6 МЛН