2024 Design Trends
Рет қаралды 72,505
Күн бұрынJoin our FREE daily UI challenges at hype4.academy
2024 is almost here so it's time to review what changed, improved or was added to the visual designer arsenal. This time the changes are more important than ever!
These trends are not only useful for UI design, as most of them will be popular in Marketing design, social media designs, ad designs and a lot more.
Let me walk you through what I believe will be the important things to learn and explore this coming year to have your designs shine, stand out and explore new areas.
If you're a Product or UX/UI designer this video can help you get started with practicing some of the patterns shown and making your design range wider.
Let's explore the UI/UX and Visual Design Trends for 2023!
🏆 Master design with me
✅ The BORING UI Course: gum.co/boringui
✅ Create an amazing case study: gum.co/uicasestudy
✅ 3000 people improved their skills: gum.co/uicourse
✅ Learn WebDesign from the best: gum.co/webdesigncourse
✅ Best book about UI (5000 sold): gum.co/uibook
✅ Learn UX cheap and easy: gum.co/guidetoux
🎉 See all my books & courses hype4.academy
🐦 My Twitter: / michalmalewicz
👨🏻💻 About me
I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing and more.
Subscribe to stay in touch. ❤️
#2023trends #designtrends #marketing
00:00 Design Trends 2024
00:44 Bento Boxes
01:30 Unique Interactions
02:30 Single Purpose Web Apps
03:18 Grid Photo Headers
03:38 Monochrome design
04:02 Brutalism 2
04:34 Flat design is over?
05:22 Aurora and Glass
06:00 Spatial UI
06:49 Useful AR
07:30 Exploration
07:47 Bonus Art Icons
@videomissionary 5 ай бұрын
Such an exciting time to be a designer! Thanks for getting me psyched for 2024! 👊
@abdoo3301 5 ай бұрын
Great video awesome editing and amazing presentation just like last year 🤩 Aurora and Bento are my favourites of this year and monochrome next. Can't wait to try them out in the upcoming year in a project 🤝 I hope this video blows up ❤️
@MalewiczHype 5 ай бұрын
I'm in love with the monochrome one - want to definitely build something with it.
@1234kingconan 3 күн бұрын
Dark mode is so big now and it can look really good but it can also look very claustrophobic and hide mistakes. Because it is easier to make something look good in dark mode I think they are not as careful with white space and layout. They're following a trend and so we perceive it to be a better design than it is because it reminds us of some actually good designs that were also done in dark mode. It's like a follow on effect where by following a trend it gets the aura of being a good design without actually being a good design.
@tayirnull1567 5 ай бұрын
Definitely looking forward to using both bento boxes and grid photo headers, especially for my portfolio website. Can be even more visually appealing than the one I currently have. In short-term, I might even attract a new client or few, so I’ll give this a try.
@MalewiczHype 5 ай бұрын
Totally worth trying, bento may however pretty quickly get boring - so definitely worth merging it with uneven grids.
@yasemintopuz 5 ай бұрын
I still love the neatness of bento boxes and also monochrome. But I would love to learn Post Flat and Aurora Glass.
@JasperPauwels 5 ай бұрын
Probably the best video I watched all year and an amazing example of why KZfaq is the best website on the internet.
@aydanlalonde9242 5 ай бұрын
I’m loving these new trends coming for 2024, however, I know I would need classes on how to design like this 😅! would love to see you come up with some programs on these design trends
@suzanneshea520 5 ай бұрын
Excited for bento and the dark glass landing pages look awesome too !
@MalewiczHype 5 ай бұрын
Yeah I'm also excited for monochrome :)
@umesh6716 5 ай бұрын
Thank you for the value.
@unmanii 5 ай бұрын
Thanks Michal! Excited to level up my visual + animation skills!
@MalewiczHype 5 ай бұрын
Awesome! Be curious! Explore!
@JamesRMackay 5 ай бұрын
Great food for thought on design trends as ever, thank you @MalewiczHype - TBH I had just read the Figma blog release saying they've ditched Adobe and remembered it's Monday and time for your video release. Looking forward to your take on the Figma news.
@MalewiczHype 5 ай бұрын
Coming tomorrow, but I've been saying that merger is doomed to fail for about 3 months now (on twitter) - it was almost 100% certain and NOT because of the stated reason. More tomorrow :)
@ozanarslan5175 5 ай бұрын
Thanks, amazing video 🔥
@SkArifHossain 5 ай бұрын
Awesome video, worth every minute, personally I like artsy icons & monochrome design. As always, Michal produces great content and I wish you to have a beautiful day 🥰
@MalewiczHype 5 ай бұрын
Yeah those icons - I can sometimes just stop and look at one for a few minutes - true works of art. Monochrome is super cool too!
@dareytemy 5 ай бұрын
I love the bento boxes, I am already exploring it on my portfolio redesign.
@MalewiczHype 5 ай бұрын
Awesome! Those can look very cool!
@theraspberrypress 2 ай бұрын
superb overview
@the-secrettutorials 5 ай бұрын
I love the content!
@Christian-ql4vw 5 ай бұрын
That was great you inspire me every day. My favorite is probably Unique Interactions, I see AR taking off.
@MalewiczHype 5 ай бұрын
Yes, awesome potential in both those spaces - interactions can benefit from more computing power to be more impressive and AR is finally getting useful :)
@pjmkworld 5 ай бұрын
Nicely done, Funny thing that everything comes around but in slightly changed form. Personally I don't care about trends, just doing what's good and pleasant to watch. So don't bind yourself with trends be creative!
@birjufx31 5 ай бұрын
Such a useful Video
@MalewiczHype 5 ай бұрын
My plan is to talk more about all these this year.
@ferrarim1987 5 ай бұрын
This year I think I will try to master Spatial & Aurora design!
@user-db2bz9fu4c 3 ай бұрын
Didnt know such bento style, i was starting to use it on my own for tech products asociating it with widget boxes but great to know how it calls also aurora is nice, some glass elements, grid photo headers looks nice, need to try it out
@nazarkabanov4495 5 ай бұрын
Bro just said BRUTALISM 2.0, this particular style have a name, a really-really old name - DADAISM.
@pmishraofficial 5 ай бұрын
I remember watching the glassmorphism video and felt like it was something I had explored in 2013 so it might not become a trend, but it did.
@luca_argo 5 ай бұрын
I just clicked on the video for bruno simon's web portfolio
@hendrix6745 5 ай бұрын
Thanks, awesome work! Would be great if you added a list of the websites featured in the video
@katikatt 4 ай бұрын
I’m so looking forward to seeing more changes in VR design. There’s so many opportunities to explore designing with different depths and more integrated with the surroundings when using an AR mode. Currently, as you say, it’s all just another flat screen in a 3D world.
@elbjorno 3 ай бұрын
Damn the music you put in your vids SLAPS so hard imma about to call the police.
@RLNDcaST 5 ай бұрын
Didnt know such bento style, i was starting to use it on my own for tech products asociating it with widget boxes😅 but great to know how it calls👍🏻 also aurora is nice, some glass elements, grid photo headers looks nice, need to try it out🙂
@MalewiczHype 5 ай бұрын
Awesome! Try it and see what works for what you want to create!
@giftedgeek 5 ай бұрын
Really digging the Brutalism 2.0! I do think this will be big. Also what was the site you showcased there for brutalism 2.0 Michal?
@SzabatDesign 5 ай бұрын
I love flat Design! 😭🙈
@Shadoufang 5 ай бұрын
I likey! Thank you! Got a few new ideas there that I can immediately try on my next projects! :'D Some of them aren't my cup of chai, though: Like the #11 artsy icons (based on the examples), and the #7 "post flat". To me they just feel like going back to the early days of web design and when new photoshop users discovered using bevel-emboss, shadows, and applying textures (that's supposed to look real, but obviously look digital/cartoony) :'p
@Sanskari13 5 ай бұрын
VR is the Future of design
@hamzanawaz3117 5 ай бұрын
You are UX Industry Rockstar Malewicz....amazing xD
@beardwaxer 5 ай бұрын
I like it when the website has some very subtle animations like at 1:49. And the bento box is cool. I am still not a fan of huge typography, it takes a lot of effort really hard to read tho
@MalewiczHype 5 ай бұрын
Yeah you don't need to use most of the styles - just find what you like and use that :)
@youtubesurfin 5 ай бұрын
I love when youtubers start a video very loud so I have to turn the volume down, only to have to turn it back up again when 10 seconds later.
@MalewiczHype 5 ай бұрын
That wasn't intentional, I actually turned the volume down on the intro music but it was generally loud ;)
@SteadySteps 5 ай бұрын
I have a question about bento style. On the big screen this does look cool but on a small screen wont all boxes look repetitive? While i'm designing sites i always have a hard time making the small screen element look as good as the bigger screen
@garrettbuildsastartup1 5 ай бұрын
Trends are great, video well edited. Can we get the soundtrack?
@nil_at 5 ай бұрын
As an experienced sw dev, what tools should I learn to get started with 2024 web dev? JS, html, css, three.js? What else?
@mantarlos 28 күн бұрын
single purpose web-apps are more on trends for designers. Users / customers generally hate having to do them instead of a faster in-person approach
@asimgiri4269 5 ай бұрын
Bento Grids and Brutalism with 3D elements looks promising
@monsieur_piyushsingh 5 ай бұрын
Flat designs kind of standardised the UI(s) of applications, doesn't matter which OS or platform you are on. However, this stopped people from imagining entirely new kind of UI elements. Remember, experimentations and creativity without any bounds or standards brought us this far. Windows, MacOS, Android and IPhones wouldn't have existed if developers were not experimenting in the first place. That is why most tech development experiences "law of diminishing returns" because when a new tech is coming into the market, the engineers do not know how the tech will evolve and transform the world. So, they experiment however they feel like it but after a while they start noticing what the customers are liking and then they start standardizing the process which later on affects their creativity and that results in similar looking tech with different name tags. Take apple for an example, they have made minimalism really popular and that has made the whole industry follow on their footsteps while forgetting "sometimes beauty is in the chaos".
@DaffaXML-cv3zy 5 ай бұрын
Keren bos❤❤
@georgepetroff2364 5 ай бұрын
I would highly appreciate if someone takes the time and explain me how to achieve the 8th effect
@atmosph 5 ай бұрын
i was thinking that i'd continue with neubrutalism and i still think thus; however, some other trends, especially aurora & bento seem attractive to me
@doze3705 5 ай бұрын
Need a link to that ASCII page at 3:41!
@KaziMamun 5 ай бұрын
Great content. What would be your top 3 picks for 2024?
@MalewiczHype 5 ай бұрын
Spatial UI, Bento and Flat merged with skeuomorphism.
@m4r_art 5 ай бұрын
You know what Michal? These trends actually have a lot more soul than what was trendy a few years ago. It seems like Analog and the New Digital are mixing into one. Hopefully neither too much analog, nor too much digital is the ideal sweet spot design will take. I like flat Icons, I also like Skeumorphism. I also like to have experimental design, but I also want my Dashbord UIs functional look. Except why not have a Brutalist element here and there to spice up the mix. Why not make photos look like stickers and have them contrast the strict nature of spreadsheet- type designs.
@UltraSquad 5 ай бұрын
Bento boxes look persuasive because of it is versatile. However I disagree that useful AR will be trend, it is mostly used partially in movies and generally when someone reads PC, android screen and this effect is applied to reflect that text to audience. useful AR brings futurism, but this futurism will not be prominent.
@itsdobidobido 5 ай бұрын
Does anyone know how to create the 3d effect in 8:04?
@pasindujayathilaka4346 5 ай бұрын
@Malewicz What software was used in the grid layout example ? To show the contrast between colors.
@MalewiczHype 5 ай бұрын
Sketch
@CLUNYGAMEPLAY 5 ай бұрын
Wich is the name of the tool that you use to change the color of the object in the Grif Photo Headers Style?
@MalewiczHype 5 ай бұрын
sketch
@uzumakichaitanya 5 ай бұрын
Can I know the intro music?
@SaLeeMURK 5 ай бұрын
whats the music name here? 1:08
@damianjanus1990 5 ай бұрын
What name is an app in 1:06?
@jerryworm 5 ай бұрын
Would you make a review for mobile design because lots of my users are using mobile phone. They don't use laptop anymore. Except me 😁
@domodiak 5 ай бұрын
Cries in javascript
@Solonomade 4 ай бұрын
Most of the examples and trends still use flat design. Didn’t see any new stuff which wasn’t there in 2022 or 2023 already
@MoreCreativeGFX 5 ай бұрын
What is The Future of Graphic Design?. And how someone Becoming a Designer in 2024?. And what about the Power of AI?
@FablesOutofSpace 5 ай бұрын
Sir, can you pls tell me how a jr ux uı designer such as myself can learn and implement these trends? I dont even know where to start...
@MalewiczHype 5 ай бұрын
Start with the complete basics - fundamentals of design and once you grasp those only then explore the trends.
@FablesOutofSpace 5 ай бұрын
@@MalewiczHype but sir, I already know the basics, and still I dont know how to implement these, there are so many different resouces, so many tutorials about photoshop and illustrator etc. I dont know where to look and how to use it...Maybe a video about this would be beneficial for many, for example, how did you proceed in this path?
@MalewiczHype 5 ай бұрын
I have a pinned video on this channel on the best path.
@dishankshah5080 5 ай бұрын
Can you please list down all the referenced sites you have shown in video?
@MalewiczHype 5 ай бұрын
I am working on a text-article from this video (will go live in a few days) and it will include all the links.
@dhiiraj4ux 5 ай бұрын
Bento ❤❤
@SprintDock 5 ай бұрын
You didn't mention Comic Sans, so I am writing this video off Michal.
@rahiqueosman 5 ай бұрын
How to make our figma app look like your ? Or is it just for mac?
@MalewiczHype 5 ай бұрын
I don't use Figma, that is Sketch. But it doesn't matter, the tools work practically the same, I just prefer sketch :)
@rahiqueosman 5 ай бұрын
@@MalewiczHype sketch looks realy cool
@DaffaXML-cv3zy 5 ай бұрын
👍🏼👍🏼👍🏼👍🏼👍🏼
@adam_moucka 5 ай бұрын
Next year is going to be 🔥 Which trend are you going to explore the most?
@mrjulian.m 5 ай бұрын
augmented reality stuff is going to be interesting and sick. May need to get some of those fancy goggles
@MalewiczHype 5 ай бұрын
I'm all for monochrome designs, then probably AR and the photobrutalism :)
@mrjulian.m 5 ай бұрын
@@MalewiczHype you coining a new term or what?
@chris_noswe 5 ай бұрын
The AirBnB app doesn’t look like that so I don’t know why you’re pushing that video animation. Sure, it’s a more interactive and fun way to select a period of time but like so many other design “trends” shown here on KZfaq they often don’t work IRL for various of reasons.
@MalewiczHype 5 ай бұрын
airbnb still has that dial in the app. Coded. Coding is easy, I learned frontend as one of the first things, it’s just that the devs have gotten lazy. They can’t even align flat design well for the most part.
@swagfel 5 ай бұрын
As UI designer and Developer it's challenging not imposible but the deadlines are going to be too long
@brockman562 5 ай бұрын
trends come and go, and come back...
@MalewiczHype 5 ай бұрын
That's the idea - but when they come back they come back slightly different.
@1234kingconan 3 күн бұрын
a half cup of almonds = 15 grams of protein??? LOL that would be amazing. Probably more like 2-3 grams.
@cubeofcheese5574 Ай бұрын
I don't see how that's brutalist at all
@flying-sheep 5 ай бұрын
Everything old is new again. Old iOS had so much skeumorphic detail overload that finding stuff got hard. Flat design was a breath of fresh air. Sure, AirBnB’s one playful central widget is nice, but only as long as it’s the only one on screen and not one of 15 fighting for your attention.
@MalewiczHype 5 ай бұрын
Yes that's exactly what I'm saying! Adding one / two "delightful" elements per app and keeping the rest rather minimal.
@alexbramwell1870 5 ай бұрын
It's such a shame we are still suckers for the aforementioned 'trends'. Most of these will be encapsulated to reused or subscription based items/effects because the majority of us aren't inside a design 'studio' (we are inside a business). I think we are really heading into a 'front of the front end dev'with these, though. Many 'fake' front end devs with 0 creativity cruising on easy mode with the flat design trends. Some serious javascript and css will be needed when the designers hand these over!
@MalewiczHype 5 ай бұрын
Front-end devs with design skills will be more in demand.
@playmambo9573 5 ай бұрын
In the flash era, we learned that we should stop designing for other designers and design for the end user who doesn't care about trends but about usability. It will happen again.
@naytron210 5 ай бұрын
Maybe I'm dating myself here, but I absolutely do not miss the awful skeuomorphism of the early days... feels like regression.
@nicklamela2294 5 ай бұрын
Flat design was shit thank god we are passed it. Personally I hate bento grid as well.
@RegalWK 5 ай бұрын
design trends are only for ui designers, they are never implemented
@MalewiczHype 5 ай бұрын
99% of these examples are actual, working products. Coded.
@gurupartapkhalsa6565 5 ай бұрын
the scroll through story animation was good the first time apple did it, now it's just overdone trash, poor design, absolute garbage, nightmare to use
@niteshanthony2324 5 ай бұрын
If you declare with your mouth, “Jesus is Lord,” and believe in your heart that God raised him from the dead, you will be saved. 10 For it is with your heart that you believe and are justified, and it is with your mouth that you profess your faith and are saved.😊😊😊
@megatronskneecap 5 ай бұрын
Flat design is definitely dead. Even KZfaq with their ambient light movement border around videos makes it more exciting. Im so glad it's dead as it finally puts real professionals back into the field rather than anyone that knows the key-bind to copy and paste and can use a grid.
@timecircle8420 5 ай бұрын
So animations and spline make real professionals?
@megatronskneecap 5 ай бұрын
@@timecircle8420 well yeah compared to just dragging and dropping a couple of square buttons onto a frame it’s quite the difference
@timecircle8420 5 ай бұрын
@@megatronskneecap I understand. You weren’t referring to complex grids and sub grids.
@megatronskneecap 5 ай бұрын
@@timecircle8420 Of course, there is a certain way to setup grids and sub grids for padding, margins, visual hierarchy and easy/consistent layouts but no.
@randomz5641 4 ай бұрын
Where could one start to learn to create these types of UI?
@dinoscheidt 5 ай бұрын
Seriously. Focus on mobile design. Bento on Mobile…. 🔥 - 80% of people browse on a phone.
Punit Chawla
Рет қаралды 28 М.
Saptarshi Prakash
Рет қаралды 18 М.