2024 Design Trends

Подписаться 143 тыс.

Просмотров 74 тыс.

50% 1

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

Опубликовано:

25 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 114

@videomissionary 5 месяцев назад

Such an exciting time to be a designer! Thanks for getting me psyched for 2024! 👊

@yasemintopuz 6 месяцев назад

I still love the neatness of bento boxes and also monochrome. But I would love to learn Post Flat and Aurora Glass.

@abdoo3301 6 месяцев назад

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 6 месяцев назад

I'm in love with the monochrome one - want to definitely build something with it.

@tayirnull1567 6 месяцев назад

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 6 месяцев назад

Totally worth trying, bento may however pretty quickly get boring - so definitely worth merging it with uneven grids.

@aydanlalonde9242 6 месяцев назад

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

@unmanii 6 месяцев назад

Thanks Michal! Excited to level up my visual + animation skills!

@MalewiczHype 6 месяцев назад

Awesome! Be curious! Explore!

@suzanneshea520 6 месяцев назад

Excited for bento and the dark glass landing pages look awesome too !

@MalewiczHype 6 месяцев назад

Yeah I'm also excited for monochrome :)

@umesh6716 5 месяцев назад

Thank you for the value.

@JamesRMackay 6 месяцев назад

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 6 месяцев назад

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 6 месяцев назад

Thanks, amazing video 🔥

@JasperPauwels 6 месяцев назад

Probably the best video I watched all year and an amazing example of why RU-vid is the best website on the internet.

@dareytemy 6 месяцев назад

I love the bento boxes, I am already exploring it on my portfolio redesign.

@MalewiczHype 6 месяцев назад

Awesome! Those can look very cool!

@1234kingconan 17 дней назад

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.

@SkArifHossain 6 месяцев назад

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 6 месяцев назад

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!

@the-secrettutorials 6 месяцев назад

I love the content!

@Christian-ql4vw 6 месяцев назад

That was great you inspire me every day. My favorite is probably Unique Interactions, I see AR taking off.

@MalewiczHype 6 месяцев назад

Yes, awesome potential in both those spaces - interactions can benefit from more computing power to be more impressive and AR is finally getting useful :)

@theraspberrypress 2 месяца назад

superb overview

@birjufx31 6 месяцев назад

Such a useful Video

@MalewiczHype 6 месяцев назад

My plan is to talk more about all these this year.

@ferrarim1987 6 месяцев назад

This year I think I will try to master Spatial & Aurora design!

@pmishraofficial 6 месяцев назад

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.

@katikatt 5 месяцев назад

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.

@pjmkworld 6 месяцев назад

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!

@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

@giftedgeek 6 месяцев назад

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?

@RLNDcaST 6 месяцев назад

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 6 месяцев назад

Awesome! Try it and see what works for what you want to create!

@Shadoufang 6 месяцев назад

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

@hendrix6745 5 месяцев назад

Thanks, awesome work! Would be great if you added a list of the websites featured in the video

@nazarkabanov4495 6 месяцев назад

Bro just said BRUTALISM 2.0, this particular style have a name, a really-really old name - DADAISM.

@luca_argo 5 месяцев назад

I just clicked on the video for bruno simon's web portfolio

@SzabatDesign 6 месяцев назад

I love flat Design! 😭🙈

@garrettlovetv 5 месяцев назад

Trends are great, video well edited. Can we get the soundtrack?

@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 ;)

@hamzanawaz3117 6 месяцев назад

You are UX Industry Rockstar Malewicz....amazing xD

@Sanskari13 5 месяцев назад

VR is the Future of design

@elbjorno 4 месяца назад

Damn the music you put in your vids SLAPS so hard imma about to call the police.

@beardwaxer 6 месяцев назад

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 6 месяцев назад

Yeah you don't need to use most of the styles - just find what you like and use that :)

@SteadySteps 6 месяцев назад

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

@asimgiri4269 5 месяцев назад

Bento Grids and Brutalism with 3D elements looks promising

@KaziMamun 6 месяцев назад

Great content. What would be your top 3 picks for 2024?

@MalewiczHype 6 месяцев назад

Spatial UI, Bento and Flat merged with skeuomorphism.

@doze3705 6 месяцев назад

Need a link to that ASCII page at 3:41!

@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".

@mantarlos Месяц назад

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

@atmosph 6 месяцев назад

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

@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?

@DaffaXML-cv3zy 6 месяцев назад

Keren bos❤❤

@m4r_art 6 месяцев назад

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.

@georgepetroff2364 6 месяцев назад

I would highly appreciate if someone takes the time and explain me how to achieve the 8th effect

@pasindujayathilaka4346 6 месяцев назад

@Malewicz What software was used in the grid layout example ? To show the contrast between colors.

@MalewiczHype 6 месяцев назад

Sketch

@damianjanus1990 6 месяцев назад

What name is an app in 1:06?

@SaLeeMURK 6 месяцев назад

whats the music name here? 1:08

@itsdobidobido 5 месяцев назад

Does anyone know how to create the 3d effect in 8:04?

@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.

@CLUNYGAMEPLAY 6 месяцев назад

Wich is the name of the tool that you use to change the color of the object in the Grif Photo Headers Style?

@MalewiczHype 6 месяцев назад

sketch

@uzumakichaitanya 5 месяцев назад

Can I know the intro music?

@domodiak 6 месяцев назад

Cries in javascript

@jerryworm 6 месяцев назад

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 😁

@dhiiraj4ux 6 месяцев назад

Bento ❤❤

@DaffaXML-cv3zy 6 месяцев назад

👍🏼👍🏼👍🏼👍🏼👍🏼

@MoreCreativeGFX 6 месяцев назад

What is The Future of Graphic Design?. And how someone Becoming a Designer in 2024?. And what about the Power of AI?

@dishankshah5080 6 месяцев назад

Can you please list down all the referenced sites you have shown in video?

@MalewiczHype 6 месяцев назад

I am working on a text-article from this video (will go live in a few days) and it will include all the links.

@FablesOutofSpace 6 месяцев назад

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 6 месяцев назад

Start with the complete basics - fundamentals of design and once you grasp those only then explore the trends.

@FablesOutofSpace 6 месяцев назад

@@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 6 месяцев назад

I have a pinned video on this channel on the best path.

@Solonomade 5 месяцев назад

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

@SprintDock 6 месяцев назад

You didn't mention Comic Sans, so I am writing this video off Michal.

@rahiqueosman 6 месяцев назад

How to make our figma app look like your ? Or is it just for mac?

@MalewiczHype 6 месяцев назад

I don't use Figma, that is Sketch. But it doesn't matter, the tools work practically the same, I just prefer sketch :)

@rahiqueosman 6 месяцев назад

@@MalewiczHype sketch looks realy cool

@adam_moucka 6 месяцев назад

Next year is going to be 🔥 Which trend are you going to explore the most?

@mrjulian.m 6 месяцев назад

augmented reality stuff is going to be interesting and sick. May need to get some of those fancy goggles

@MalewiczHype 6 месяцев назад

I'm all for monochrome designs, then probably AR and the photobrutalism :)

@mrjulian.m 6 месяцев назад

@@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 RU-vid 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 6 месяцев назад

As UI designer and Developer it's challenging not imposible but the deadlines are going to be too long

@brockman562 6 месяцев назад

trends come and go, and come back...

@MalewiczHype 6 месяцев назад

That's the idea - but when they come back they come back slightly different.

@playmambo9573 6 месяцев назад

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.

@1234kingconan 17 дней назад

a half cup of almonds = 15 grams of protein??? LOL that would be amazing. Probably more like 2-3 grams.

@alexbramwell1870 6 месяцев назад

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 6 месяцев назад

Front-end devs with design skills will be more in demand.

@cubeofcheese5574 2 месяца назад

I don't see how that's brutalist at all

@flying-sheep 6 месяцев назад

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 6 месяцев назад

Yes that's exactly what I'm saying! Adding one / two "delightful" elements per app and keeping the rest rather minimal.

@naytron210 6 месяцев назад

Maybe I'm dating myself here, but I absolutely do not miss the awful skeuomorphism of the early days... feels like regression.

@nicklamela2294 6 месяцев назад

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.

@megatronskneecap 6 месяцев назад

Flat design is definitely dead. Even RU-vid 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?

@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.😊😊😊