2023 Design Trends
ฝัง
- เผยแพร่เมื่อ 23 ก.ค. 2024
- 2023 is almost here so it's time to review what changed, improved or was added to the visual designer arsenal. 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 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!
🚨 Diana's article:
uxdesign.cc/2023-visual-desig...
☝️ Watch next and be awesome!
Step by Step portfolio guide: • Make Your UX/UI Portfo...
🏆 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 - intro
00:18 - Motion Design
01:19 - Parallax on the web
01:57 - Complex animations
02:22 - Minimalism in design
03:04 - Gradients
03:39 - High Contrast design
04:25 - Cosmic UI trends
04:59 - Real-life materials
05:37 - Huge Typography in UI
06:06 - Trending Fonts
06:33 - Nostalgic design
07:21 - Brutalist design fail
07:55 - What to learn
My sense is that design is starting to expand beyond Apple-style simplistic designs. It’s really refreshing to see such a variety of designs!
That's true and it's a good thing! :)
@@MalewiczHype outro song name please 😴😴😴😴
whats wrong with apples simplistic design?
@@sykowhite9465 there's nothing wrong with it. People are just trying to diversify the styles ☺️
Yea, and it's a good thing too. Apple has great design style, but I can only take so many websites with black text on white background with some video animations stingily sprinkled about
Wow the choice of websites to showcase on this one is amazing, some of them made a permanent place in my mind 🤩 props to you and Diane for the efforts put into this one 👌not to forget the editing style 👀
Haha yeah that editing took forever so hope it's less boring to watch now ;) Yeah Diane did amazing work on the research, I only added about 20% of my take on it all :)
@@MalewiczHype outro song name
Absolutely amazing . Thank you for sharing these tips that normally others don't!! At least one can get better at doing this . KEEP GOING
The editing in this video was something else, hats off! And the content was inspiring too. Diana did an amazing job with the research
Thank you! I was really going full-on experimental with editing but had to switch it up as my videos were getting that boring talking-head vibe. I'll try to keep up that faster-paced editing style from now on.
@@MalewiczHype outro song name
Dude... I've been watching you since the star of my career ( 1 year ago)... you're awesome and I admire you 💪
I'm planning to use parallax animation for my next project cuz of 2 reasons: to dominate it, and I love how the elements slide both sides to disappear and then show other elements. About specific design probably a classic and modern design like Gumroad
Yeah parallax is great for landing pages.
@@MalewiczHype outro song name please 🥺🥺
Great content with so many nuggets of wisdom, and amazing video editing to keep the content interesting. Thank you very much and keep up the good work.
thanks for the video!
It was the best your content . thanks
As far as paid fonts go I would love to see some sort of video compilation on that topic. What would be the best/safe ones to invest in that would be versatile and could be used in many design projects. Maybe show them off in Budget / Midrange / High end (pricey) categories so anyone could pick something for themselves? Best places to buy them from and some alternatives to free google fonts site would also be nice to include. Just a thought...
Parallax and real-life materials seems cool :) And I love your videos
I absolutely love your hoodie!
So interesting and informative, thank you 🌻
Love u can see the theories from ui into the video
This was wonderful thank you so much for the insight!
You're welcome! Thanks for being here! 🙏
Perfect examples! Thaks
Great video! Thanks 🙂
Glad you liked it!
Your video did not disappoint! These trends are exciting , especially the animations
Definitely worth learning!
@@MalewiczHype ok once again outro song name pleassssssss. 😂😂😂
Thanks for all of this! As a newbie it's incredibly overwhelming but also very inspiring! Any chance you'll be doing a course on animation in design?
I created a free youtube course on animation already - it's on this channel in a dedicated playlist :)
@@MalewiczHype outro song name please 🙏🙏🙏
Now, this was a video well made to talk about design trends.
Funny the thing about the new The Verge. I hated it initially, but love it now.
My favorite two design trends are animations and aurora gradients. It reminds me of Apple's site and also switching to iPhone soon.
I loved Diana's article about fonts. I was getting too obsessed with Poppins and she provided so many amazing alternatives. Do you happen to have the link to her article on the design trends? 🙏🙏
Aurora is awesome!
I linked her article in the description of the video :)
@@MalewiczHype Thank you so much. I missed it at the beginning 😅
I loved her article.
Rounded Corners are back too!
Awesome 👌
Notes for myself from this video:
Trends in Motion Design:
Increasing use of motion design to engage users and keep their attention
Parallax effect popular for adding depth and realism to digital experiences
Complex, detailed animations using libraries such as GSAP
Design Style:
Minimal design is timeless and classic
Gradients (especially mesh gradients, abstract gradient forms and shapes) remain popular for adding color and vibrancy
High contrast monochrome designs with strong contrast can be effective in keeping users engaged
Other Trends:
Dark UI has evolved from a simple black and white color scheme to a more complex, cosmic look
Increased use of 3D design and augmented reality (AR) in both web and mobile design
Hand-drawn and organic elements adding a human touch to digital design
Increased use of asymmetry and broken grid layouts for a more dynamic and unique look
More focus on user experience (UX) and usability in design, rather than just aesthetics.
3D is something which i am very thrilled about i have always been into 3D but didn't get a chance to learn it I guess Now is the Perfect time.
Yupp!
Complex animations in this video piramids example, which tools would you recommend for a UI designer to get into? Thanks
Amazing Video, but how did you create the 3D text animation? which software did you use to make this 3D text?
Thaks a lot for a great video again Michal :)
Thanks! Which trend is your favorite?
@@MalewiczHype I think animation is a great addition to any design as well as video and as a personal preference the dark designs :) thanks for asking :)
Good pick!
Can someone please tell me what kind of a library or which type of code was used to get that animetion for the credit card at 02:14 ?
Looking forward to learn about 2024 design trends
Will be posting it in december.
I saved a semester. Thanks!
Thanks! 🙌
You bet!
Thanks master!
The best 2023 design trends compilation
What tool is better for animation
Does anyone know if it’s possible to add an aurora gradient like seen on the Clyde page at 3:11 on Wordpress?
how do those white then black background trends work with those who use dark modes?
Great, gracias!
De nada!
Is there a video about the minimal design fundamentals mentioned in 2:53 ?
Another trend I just noticed: navigation bars having rich drop down menus (dribble, netlify, and figma are a good examples)
Yes, the nav-drawers are a big thing :)
@@MalewiczHype hey dude do u listen last song, if you know name please give me
Great editing!!
Thanks! More engaging?
I need your advice! What is the best way to learn proportions? Like grids, layout, how big each block should be relatively to others, etc.? Thank you so much!
I have a couple of videos on that in the ui playlist on the channel and check out the recent video on hierarchy strips :)
@@MalewiczHype thank you so much! Thank you for everything you do!
Dope
you got me on your thumbnails dude haha
I'm always wondering is paralax really benefits the user and how?
nostalgia never dies
Great to see examples of trends from live functioning websites.
Yeah that's something we want to do moving forward - some trends never really take off but when it's coded it justifies it a lot more.
3:35 On black background first thing I read was text in white. And only then I noticed the coloured line. And even then I had to make an effort to read it. Is it just me or this design solution works only on designers?
🔥🔥🔥
I'm hoping to be a graphic designer when I'm older (13 rn) so I so appreciate this video.
keep working hard you've got it :)
Keep going! It's a fun industry to be a part of
Is anyone know what the site is at 2:28?
Gradient in the Bold Fonts 😉
Great trend summary!! , what about 3d illustration, elements ? They were used in many projects in the last 2 years.
I think they can stay to some extent but more custom ones - there's way too much similar stock ones out there.
I'm a big aurora fan
what's the music at the end tho?
Please what is the figma equivalent of UI animation?
hey dude.. I love your content and you're pretty fuckin funny in a nerdy dorky way bro. most design TH-camrs are....rather..BORING. and I'm still learning some new shit from you. keep it up man.👍
Cool 😎
hey malewiz, could you make how to videos on them pleaseeeeeee!
I am covering some already ;)
Hi, what camera are you recording in? RED? SONY? Thanks. Good video
sony zv e10
Any one tell me outro song name
How to practice Motion Design? Where to start? When to use it? Will this trend also be used in e-commerce? Thanks Michał
Planned a video on that for January :)
Minimal is the only trend that never get old
True.
what about taskade?
Thanks for the video!
By the way, what camera do you use for videos? Thanks
Sony ZV-E10
@@MalewiczHype thank you so much!
I love Motion Design the most. Such a creative way to engage the users.
Please, can such designs be achieved using a single tool, say, Figma, or the design goes through more than one tool?
Figma only handles simple a-->b motion between screen states. For more complex animations it's best to use other tools.
@@MalewiczHype Thank you
If you learned to do paralax 10 years ago whdn it was cool, it wasn't a waste of time after all maybe
Great predictions, very unexpected. Especially sans-serif fonts and typography in general. Who would've thought...
Sometimes it's not about being unexpected for the sake of being unexpected.
@@MalewiczHype Very deep.
Thank you for the video!
Ah, ah got me upside down, spinnin' around you ah ah
Everytime I see minimalism, I feel a bit myself break away for how much I absolutely hate it.
But it is the foundation for future Neumorphism designs.
what tools do you recommend to learn animations in design?
Is adobe effects good?
It's very powerful - potentially TOO powerful. I will explore the tools in January and give my recommendations then.
@@MalewiczHype thank you!
In Google ux certificate they explain motion and visual designers are different specializations but i guess now they're moving closer to a merger?
Yes, the world is going more towards multi-skilled people.
@@MalewiczHype would this be the same in big firms as well, where they prefer specializations? & Is 3D design going to be necessary know how in coming years as well?
hey, absolutely fantastic video! I just have one suggestion, try looking more into sound design, i feel like your videos and edited perfectly visually, but the lack of good sound design is really contrasting to the quality of the rest of the video. while most of your types of SFX are great I really notice that some are just way too harsh audio wise, and the consistency of harshness is also not that great, also the music tends to switch alot, which is not particularly a bad thing, but I feel like your style of video doesn't really match with the music that well, and most of the time it's just too quiet, bt like I said at the beginning not a bad video at all, really interesting.
I know I'm in no place to say this ahahah I'm just trying to help you make your content even better :)
try honing in to sound design and really try some different stuff or even just try to find better or other sound effect
❤
Just waiting for this surprise..
This video is a bit special for me for a couple reasons ;)
Great advice about fonts. Most free fonts are limited. Free or cheap typefonts will require more EFFORT to bend them to your requirements. Do free fonts really free, if you need spend a lot time to fix it?
I recently noticed why some of the free fonts are really free when extruding them in 3D - it's crystal clear then ;) Will do a short video on my findings.
@@MalewiczHype it'll be awesome! I've been reading 'Web Typography' by Richard Rutter, and he recommended a few good free fonts like: Lato, Fira, Clear Sans or Alegreya. After anatomical features of glyphs: strokes, shapes etc. I know. I was a huge ignorant about typographic details.👍
Can you make a video on how to start with animations as a UI designer?
I made a short animation course series here on TH-cam already :)
What is the main software used to create animations etc?
animations for?
OK where do I learn to animate and on what tool
There are many different tools out there - I plan to explore it some more this coming year.
Love your content! Really want to buy one of your courses! If any offer is available, please let me know! 🎉
We do have some parity pricing offers, the best way to get one is to message me on Twitter
Amazing effort put into this. The video is top-notch and the content is awesome. Diana did a great job, and yes, you added the spice ♥️. I can finally switch to another font. From Poppins, Montserrat and Inter. 😂
Glad you enjoyed it! I wanted to try something different with editing and I'm seeing that it worked - so even more editing for me next time ;)
@@MalewiczHype outro song name 😘😘😘
@@callowindia th-cam.com/video/d4YQJZPzwf4/w-d-xo.html
Because you're cool, I dint skip an add ☝
Thank you but no need, the ads are only here because when I turn them off yt doesn’t make money so they don’t promote my videos. I’d much prefer no ads on the channel at all :-)
Sir i have some saas idea to sell more website design It will work in 2023
huge typography trend is my target
With huge typography you won't miss that target! :)
Another footnote is that it's getting harder and harder to get into UI design because it requires learning more and more skills? Is this a precedent to not try and enter the industry anymore because it's getting saturated? Or is it the opposite - more skills involved means more people working on designs than ever and as such a higher specialization for each? That would imply a stagnation of freelancing however.
Where do you find such amazing websites for inspiration?
I try to remember a great website when I see one and write it down onto a list like that.
What your UI course would you recommend for beginner?
Mobile App UI Course part 1 is the most beginner friendly.
Next up is the Boring UI Course which releases on Monday.
@@MalewiczHype Thank you!
Yeah haha steam is THE EXAMPLE 😂
anybody know how to make such crazy looking websites easily?
The easiest way is through hard work for months 🤷♂️
I'm one of these missing 1 million "the verge" viewers. Went from one of my favorite websites to an eye sore...
I never saw you involved in Glassmorphism.
why? I even own glassmorphism.com 😂
I have a question:
when is it too much?
I mean, ok attention retention and all...but really, attention is a resource that I own and these trends are littering on it. This video too to some extent, but I appreciate it anyway. I appreciate better interfaces that a. are simple and b. are authentic without sticking to a trend. It's hard, but it's the way I like it as a user.
The users decide when it's too much.
I really like minimal, clean and functional interfaces but at the same time if people didn't explore new (sometimes weird/crazy) trends we would end up in a boring, homogenous, dystopian world of one typeface ;)
@@MalewiczHype wo wo wo...hold your horses, with all the due respect I think you didn't think through this answer.
According to what you propose, the designer is ditching completely her responsability, saying "they asked for it, that's not my fault" that actually is an easy and smart way to manage clients objections with off-the-shelf solutions that are in demand...but how can one be considered a professional if doesn't own his own decisions?
As designer shall we be acritical? shall we be passive actors and just enact what a trend is pushing? No. That would be such a sad perspective, and then we should not wain when we are being treated by clients as mere pixel-pushers because that's what we are asking for with this attitude: best case we are perceived as useful idiot that makes things pretty, hardly make you a respected professional. In all due honesty, bitches have more agency.
Good luck not being replaced by cheaper competition or AI 😆
I think it's not the user deciding when it is too much. They eat what you put in their plate, and to stay in the metaphor this feels like a perfect recipe for obesity (aka attention deficits, shinigh objects sindrome-like behaviors and similar issues). Designers community is, to some extent, who decide "the diet" for the users. Cheap junk food? Why not once in a while? But remember to eat/offer a whole lot of vegetables first👵
I know, it's a long and pedantic post 🤷♀️
but hey, there's something bigger beyond what makes us easely liked, and is the effect at scale of widespread patterns.
I'd be glad to continue discussing further with whoever, here or somewhere else 😉😁
Where is a good place to learn motion/animation design?
This channel - I have a free playlist with an animation course.
@@MalewiczHype Thanks!
7:20 ...Batman Tas ....liked ...... subscribed....you can call me when you go to war
mai website are still stuck in 2000s design ahahha
woah where was that mountain you drove by
That’s iceland
@@MalewiczHype damn you really are anywhere except for poland
Yeah the last few years I've been all over the globe, smiling all the way :)
@@MalewiczHype good for ya
My dream of working with animations has come true! Has always been my favorite!
First of all your website should reflect its purpose, so don't push too hard. The key is to keep it readable, easy to navigate and simple.
Bro , its great that you mentioned diana's article but holy hell , the script of this video was word to word copy of her article man . that was super weird. Use ur own words instead of reading the words from the article.
Having said that , glad that you did the video and gave visibility to her article . So cheers!
We worked on these together so they can exist in both text and video form - some people don’t like reading 😎
@@MalewiczHype haha. Is that so. Glad u mentioned that . Then great work to you both. It was very useful 😀