UI Design Trends Everyone Is Talking About in 2023
Hey there! 2023 is really shaking things up in the design world. If you've noticed websites looking cooler with 3D stuff and glowing colors, you're not alone. In this video, we're chatting about these cool new design changes and what they mean for us. 🖥️✨
#uidesign #uiuxtrends #3d
Grab our FREE UX/UI Design Playbook 👇
uxpeak.gumroad.com/l/UIUXPlaybook
Learn UX/UI Design 👇
www.uxpeak.com/
Timestamps:
00:00 - Intro
00:34 - 1st Trend
01:22 - 2nd Trend
02:00 - 3rd Trend
02:47 - 4th Trend
03:24 - 5th Trend
04:15 - 6th Trend
04:52 - Outro
If you enjoy our content, feel free to subscribe and hit that bell notification. We promise to bring you a ton of free value!
Join our design community
Instagram - uxpeak_
Twitter - uxpeak_
Linkedin - www.linkedin.com/company/uxpeak/
Пікірлер: 250
Trends in 2023 1. Animated 3d models 2. Custom cursors 3. Scroll based animations with storytelling 4. Neon mist 5. Minimalism 6. Big Typography
@peterknganga
9 ай бұрын
Neon mist isn't a big shift from the traditional designs so it would be a good one to apply.
@DarkSession6208
7 ай бұрын
In short unecessary clutter. Apples Website is a good example, looks premium but nightmare to navigate and everything is spread apart for no apparent reason. Im also doing User Interface design, but honestly theres no reason to add unecessary stuff if the old stuff gets the job done perfectly. Also 3D Models ... yeah. Thats gonna lead to people on Computers have the full experience and on Mobile to have a static turnable image. I rather put a proper gallery with shots from every angle and call it a day.
@skymasseffect
7 ай бұрын
what about bento grid ui trend ?
@priyakumar5503
7 ай бұрын
@@DarkSession6208 apparently i dont think some of these could be used in commercial websites. more like in eduactional websites to help visualisation or gaming sites. i remember in younger days one of the things that kept me engaged in science on internet were interactive websites with cool animations. today i could still be used in art or design based websites
@circleinforthecube5170
3 ай бұрын
@@DarkSession6208 eh, less is a bore in UI design
No doubt, the post is incredible and also. Every time I read your blog I was just stuck with the content of the post. How easily you describe every aspect of the topic of the post.
Wow, I've been noticing some of these trends but didn't know what they were called! The Neon Mists look so cool on websites lately. Thanks for breaking these down so simply! Just downloaded the playbook too, can't wait to check it out. 👍
@uxpeak
10 ай бұрын
Thanks for watching, and so glad you found the video helpful! Neon Mists really are something, aren't they?
@khenndavy
10 ай бұрын
HOW can I learn how to do this pls
@khenndavy
10 ай бұрын
How can I learn how to do this
more please... each trend deserves its own video. subscribed.
Would be awesome if every one of the sites demoed were linked in the description.
Thanks for the info. Will check these out 👍
So high-end design, the first glance is attracted by the cover
Thanks for sharing. Some of the trends are being implemented in my company's product. It does work on users. Otherwise, large radius are getting trending too.
Good video! It gave me a good overview. Thank you!
neon mist and minimalism are the best. others look really good but I feel that websites like that are not really the best in terms of accessibility.
@Sakrosankt-Bierstube
9 ай бұрын
Everything besides that is also just not practical. 3D Models because of obvious reasons or customer cursors. It's weird that a cursor suddenly interacts differently on every website). This things might be cool but... they a) can get boring real fast and b) also feel weird and or overwhelming. There are reasons why 99% of the websites are build the same and don't use "features" like this. Websites should be a predictable way to recieve information and not suddenly drive a car with the arrow keys to navigate through a website. 😂 Yes, it#s fancy but nothing more than that.
@soumelee5661
9 ай бұрын
@@Sakrosankt-Bierstube i totally agree with u
@snugglepawsrosie
9 ай бұрын
Websites began as just text…
@hunterstrawberry
9 ай бұрын
@@Sakrosankt-Bierstube Because many developers are shit and no skills to create something like those. LOL😂
@jorditimmer2840
7 ай бұрын
@@Sakrosankt-Bierstube Try to make a really cool design for a website, just for the sake of having made that, it's nice.
I do love UI trends don't get me wrong but all these websites would horribly fail accessibility on tests, so I'm surprised that have been released as real public websites
@ooogabooga5111
10 ай бұрын
thats the problem with the web and not website, it will get better over time. See all these designs as early adopters of a trend thats soon to be the future when digital divices gets the performance boost.
@seb-astian-design
9 ай бұрын
Yeahh! like awwwards is cool website to find some inspirations for some ui elements etc but damnn I'm so sick of those animation and 3d heavy websites that perform like shit...for me now the go-to is ilovecreatives internet gems...really cool and feasable projects.
@varunrajan5829
9 ай бұрын
UI means user interface? Shouldn’t the main metric be just user experience? I doubt they would care about a few ms loss on performance benchmarks
@pupip55
9 ай бұрын
@@varunrajan5829Its not just a few MS through, and its not just user end thats the issue.
@piyushdanej3930
9 ай бұрын
Depends on the purpose of the website. For high volume precision data like stock prices.. these designs would won't be useful. However for brand welcome pages and first impressions, yes these are amazing
3rd trend letteraly makes the user scroll down and down to read and enjou whole the website, so that coder's struggle will become worth it 😅❤
Nice, I'm a designer, coder and now I need to be a motion designer. Cool ... cool cool cool ... coolcoolcoolcoolcool
One note (and this may be browser-based), but you gotta' make sure that if you're using these sort of designs, you're able to use scroll-lock to go through it immediately instead of having to manually scroll slowly through.
@menardmaranan
7 ай бұрын
yep, that'll be a massive UX failure
@ANGEL-fg4hv
7 ай бұрын
iPhone did that once.
Great explanation! Can you please share a list with the reference websites that you showed in the video? I want to deeper look at them since I'm a UI/UX Designer and a Frontend developer.. Thank you!
Thanks for sharing, amazing designs! As a beginner web dev I'd love to learn how to code this stuff, any tips or sources to share?
That 3d scroll animation thingies are more animations than websites. You gotta be able to click the website, scroll the website, feel the website, interact with it (also if needed change something in the code).
I've almost always found the scrolling fanciness to be quite cumbersome and sticky. Some people nail it some really really don't.
I'm so glad you shared this. It's going to save me a lot of time and effort."
Thank you for sharing 👍 I noticed that Bento grids are getting popular too
@uxpeak
10 ай бұрын
You're welcome, and thanks for bringing up Bento grids! That's an excellent observation. They're indeed becoming a popular choice, adding a unique structure and aesthetic to web design. 🎨
Wow love custom, scroll base and 3d
@uxpeak
10 ай бұрын
It's awesome that those specific trends caught your eye! They are indeed bringing a whole new level of creativity and interaction to websites. Thanks for sharing your favorites! 😊
AMAZING! Thank you!
I love these! I scrolled through a couple crazy websites a little while ago and now I'm starting to notice the difference in a lot of websites!
@uxpeak
10 ай бұрын
Absolutely! Those innovative design changes are really transforming how we experience websites. Thanks for noticing and sharing your thoughts - it's exciting to know that others are seeing the difference too!😊
@occasus7964
7 ай бұрын
idk, apple's website does this and it looks so bad.
Amazing video. Is there any place I can get those design from some where ? Or are there names for those trends or a tutorial video how to create them ?
Very informative and helpful..👍
neon mist and minimalism are the best trends as they provide good User experience as well as modern design 😊
I personally hate parallax scrolling. It takes way too long for me to reach my goal on the site and I haven’t to go through endless scrolling to go back and forth
@benfrese3573
6 ай бұрын
It's not a good choice when a website is about presenting information as quickly as possible. But for image stuff it's great.
Hey, i'm completely new to this world. My only experience is a bit with WordPress Elementor, but I want to step up my level of website creation. I'm really interested in learning more, even though I'm a beginner is it worth taking your course? Will I learn this type of website creation through your training? Also, at some point in the course, will I need to know how to code? thanks
Welcome back the Macromedia Flash sites!!
Any suggestions on how to start building out UI skills with 3D elements?
For me the UI was 3D since 2006-2009. The flat era was just a consequence of Killing Flash player just by commercial purposes. Those who surfed the Flash Player wave back then don't see anything new in everything that's happening.
@jhnsntmthy
7 ай бұрын
literally none of this is new in 2023. It's been done in JS too for the past decade.
@nilo_river
7 ай бұрын
@@jhnsntmthy yes! Fact!
bro can u tell me what i should to use crate these ui design softwares ??? spline ,figma , dora????
I am currently learning figma. Is it possible to to do all those designs with it. If no what should I learn to be able to achieve such beautiful designs?
Thanks for sharing👍
to think ive been using the neon mist since without knowing its actually a design trend 😂
Need more videos like these
Future is going to be amazing
how releveant are they when everything is mobile first today? for example custom cursor?
Loving these trends.
@uxpeak
10 ай бұрын
It's great to hear that you're loving these trends! Stay tuned, as there's sure to be more on the horizon. Thanks for watching! 😊👍
does anyone know what type of magic/code/software you should use to bring those 3d example into life?
Your content is 🔥🔥🔥
We ready ...tanx
راائع ! فيديوهاتك جميلة جدا👏🏻
Those are amazing. Loving the scroll based animations 😍
@uxpeak
10 ай бұрын
Right? Scroll-based animations are adding a whole new dimension to browsing! So glad you love them too! 😊
@Diego_Cabrera
10 ай бұрын
I love creating them too!
please mention the website links which u used for the video
Can you link the website?? And can we copy it with the figma addon ans add our 3d models, total new here pls guide
Can we get the links of all the websites you used in this video?
This channel is amazing
Cool stuff!!
Now, can all that animation and 3D interactive models load as fast as other pages?
anyone know how to add the pioneer corn revolution effect?
Awesome!
1-3 are cool and shows what you can do as a designer. However, very annoying if being on an actual live website. Keep it simple, nice and clear for the user.
Does anyone know any KZread channels that teach you how to code these kinds of web apps? Asking seriously very interested to learn.
Hi, how can we design and illustrate complex websites in a way that helps developers understand how they work? :D Can anyone tell me? I am really interested in this, but I don't know how to design such complex designs and design behaviors and help developers comprehend how a website will behave. Which tool we use for this, thank you for answering my question 🥰
@uxpeak
10 ай бұрын
Hi there! 🥰 Tools like Figma can be great for creating interactive prototypes. This helps in visualizing how the website will behave. Alongside your designs, provide clear, concise documentation. Explain the interactions, transitions, and any specific behaviours you envision. If you want to take this even further, you can build the website yourself without using any code in Dora. With Dora you can effortlessly transfer your Figma design into Dora, add interactions, and publish your creation as a fully functional webpage. Dora also supports the use of 3D models and CMS data. I hope this helps! Link to Dora plugin: www.figma.com/community/plugin/1237284331245025847/Figma-to-Dora---publish-3D-websites%2C-zero-code
You have to consider the effort involved in all this seeing as mobile usage just gets larger by the year. It is worth doing all this for desktop users?
@artistry7919
9 ай бұрын
I don't think it makes sense to generalize. A type of website may have more desktop audience than mobile. You can probably target ads too, if you get more conversion with desktop users
Thanks
Love the 3D models
@uxpeak
10 ай бұрын
Glad you love them as much as we do! Thanks for sharing your thoughts. 😊
Hii sir, I wish like to learn the this work, pls said the what is framework are use this work sir pls share that list pls for my learning
I have yet to see animated scroll on mobile that works great
Wow 😍
Can you show the tutoriald in figma how to create them?
For microsoft users, weve been dealing with large chunk of ram allocations on google chrome, what more that haha
Anyone know of a website with like animated , icons , and other assets for WebDesign ? Im a student and doing a final project would lov eto go above and beyond
omg this is so cool 😱
When I see so many beautiful websites 'Animation' I feel like I don't know anything. I need to up my game.
Hello, can we get the site references from your video please? I've been trying to look up to those 3D animated websites, and I can't seem to find any of those brand having it up.
@uxpeak
9 ай бұрын
Hello. :) Here are some of the 3D Animated websites that are shown in the video: bruno-simon.com/ admireamaze.debijenkorf.nl/ www.virgingalactic.com/ www.hape.io/
I love these, however i do concern about a lot of performance issues. Many huge images with great quality to load. What about users that have low internet connection? Don't get me wrong but i think these trends presume that users have the latest smartphone to handle with low latency animations...
@SherwinlouwZa
5 ай бұрын
That's what No1 is talking about. These sites are a waste of time
So basically Flash is back, its just not flash this time
Why you didn't put links for all sample you have in your video⁉️
How to even code these websites?
designers: 🤩 developers & accessibility engineers: nope 👎
❤️
❤❤
I hate those mousewheel scrolling ones that make the website animate. Its so jarring.
Love 2nd trend🥵
@uxpeak
10 ай бұрын
It's amazing how such a small detail can add so much personality and flair to a website. Thanks for letting us know your favorite! 😊👌
But how does SEO work here?. Anyone can help me on this?
nah we dont call it neon mist, we called it linear style
me with a basic html website and a copied code just to have a colorful mouse trail
Am I the only person who is not a fan of the scroll animations? I lose track of the page when things shift and animate while scrolling.
Lol so soft blurred gradients are now called Neon Mists?
How can i Do it ?
For those looking for the (uncredited) source websites look at dogstudio.co/ - most of the creations featured here are by those guys including the first one.
whats the deadline. yes.
Amazing video
@uxpeak
10 ай бұрын
Thank you so much! Stay tuned for more exciting content, and happy designing! 😊🎨
how we make designs like this?
mention the websites used in the video
Only talking about UI of desktop websites, but 2023 few people are browsing websites with PC.😢
a lot of the websites shown in the vid are super slow to render
macromedia flash is back?
developers dying after watching this video
how to record a demo video like intro anyone please?
I'mma be honest, I absolutely hate websites with scroll-based animations. It's such a mess to try and navigate them since the entire page is changing as you try to scroll. A lot of these trends look cool, but make for a terrible UX. Then again I'm the sort of traditionalist that prefers simple HTML and minimal CSS so I know I'm in the minority here.
@morecowbell2611
9 ай бұрын
I dunno, I feel the same!
@ChaneLX645
9 ай бұрын
U prob hate apples website then 🥲
@ooogabooga5111
9 ай бұрын
Feel the same. Most people just over do it. But I have seen websites that are really neat with no blocking time for scroll and predictable position and design for elements. They feel the best tbh.
@Delulu-To-Trululu
8 ай бұрын
The purpose of such sites is to interest and charm. They don't have to be comfortable.
@person81045
7 ай бұрын
@@Delulu-To-Trululualso useful! It's def not useful. Sucks for you if you use a screen reader lol
What programming language they use to create animation like this?
@sivuyilemagutywa5286
9 ай бұрын
Javascript , Html, CSS, mostly Animation JS libraries, like gsap, motion, barbajs.
@jawbee7
9 ай бұрын
@@sivuyilemagutywa5286 thak you
People have been listing these exact same things since 2021. These "trends" are never gonna catch on because as nice as they look, they aren't very practical or user friendly
@mattd7828
9 ай бұрын
Likely because this whole video is scripted by ChatGPT, which is based on data up to 2021.
Bells and whistles wet dreams...lol
To more precise, I'd put this in interactive Graphic design, not UI, UX, interaction design
Hey! Very nice video! Although please do not call something "Free" when you actually want some "Fair price" for it! You should know better then anyone, that this is not "user friendly" :) I am talking about the Playbook in the describtion of the video... Did anyone download it? Is it worth your card information?
@uxpeak
10 ай бұрын
Hey there! Thanks for bringing up your concerns. You're absolutely right about clarity and user-friendliness; they're crucial in UX/UI design. The "Name a Fair Price" feature is actually a default setting from Gumroad, the platform we use for distributing the Playbook. We didn't specifically choose it to be that way. You can download the Playbook without providing any card information. Just enter '0' in the pricing field and your email address, and you'll get access to it! I hope this clears things up. If you have any more questions or need further clarification, feel free to ask!
@arian512
8 ай бұрын
I can't seem to be able to download the file. I already have it and on desktop it displays an error "This product isn't Mobile Friendly"@@uxpeak
Noted
First paint full 90 second, score 8 😅😅😅