6.5 Most Popular UI Design Trends (and How to Design Them All!)
Vložit
- čas přidán 3. 07. 2024
- These design trends and styles are everywhere, but you might not know what they're called, the history behind them or how to create designs like these yourself. I’m going to walk you through them and show you how I design each one of them.
Mobile designs are copyrighted and original works of Elizabeth Alli. Do not use without permission.
🎥 WHAT TO WATCH NEXT
⊚ 6 Stages of UI Design | • 6 Stages of UI Design
⊚ Choosing UI Colors | • Super Practical Guide ...
⏱ TIMESTAMPS
00:00 - Intro
00:16 - Brutalism / Neubrutalism
03:30 - Bauhaus
5:29 - Neumorphism
7:23 - Retro Futurism / Cyberpunk
8:58 - Glassmorphism
11:00 - Flat Design
🔗 MENTIONED IN THIS VIDEO
⊚ Figma | go.designerup.co/figma
⊚ Icons8 | go.designerup.co/icons8
📚 PRODUCT DESIGN (UX/UI) COURSE I RECOMMENDED
⊚ Enroll Now | designerup.co/product-design-...
📒 GET FREE DESIGN LESSONS
⊚ Free UI Design Crash Course | designerup.co/ui-design-crash...
⊚ Newsletter | designerup.co/newsletter
⊚ Live Webinars | designerup.co/webinars
📖 READ THE BEST DESIGN ARTICLES
⊚ BLOG | designerup.co/blog/here-are-6...
🥰 JOIN OUR MINDFUL COMMUNITY
⊚ DesignerUp Community | designerup.co/community
💬 CONNECT WITH US
⊚ Twitter | / designerupco
⊚ Instagram | / designerupco
⊚ Facebook | / designerupco
⊚ LinkedIn | / designerupco
⊚ Pinterest | / designerupco
🧰 RECOMMENDED PRODUCT DESIGN TOOLS
⊚ Figma | go.designerup.co/figma
⊚ ProtoPie | go.designerup.co/protopie
⊚ Notion | go.designerup.co/notion
⊚ Framer | go.designerup.co/framer
⊚ Canva | go.designerup.co/canva
⊚ Icons8 | go.designerup.co/icons8
⚙️ RECOMMENDED GEAR
Video Gear | kit.co/DesignerUp/designerup-...
Home Office Accessories | kit.co/DesignerUp/home-office...
🙋🏽♀️ ABOUT ELIZABETH ALLI
⊚ Senior Product (UX/UI) Designer
⊚ Founder of DesignerUp the first Mindful Product Design (UX/UI) School
⊚ Trained teacher
⊚ CZcams creator
⊚ Author
*Some of the links listed in the description may be affiliate links through which we may earn a small commission. They are at no cost to you and often include discounts that we pass along! These help keep our free channel going and help us continue to create the highest quality content possible. So thanks for your clicks and your support! 💜
💻 SPONSORSHIP AND COLLAB INQUIRIES
⊚ Email | learn@designerup.co
Want to go deeper into learning web design, UX and UI design? Then consider enrolling in our Product Design Course! designerup.co/product-design-ui-ux-course
Holy smokes. The way you change and evolve the design throughout the video is SICK.
Haha thanks! I had fun figuring out how to do that lol 😄
Hey since you enjoyed my 'transforming' video tutorial last time, here's my latest that I thought you might like! It's all about the latest hero design layout trends! czcams.com/video/TjLxhLSrmGw/video.html Would love to know what you think!
This channel is valuable for every UI/UX or Product designer
Thank you so much for your recommendation!
You are simply amazing Elizabeth. Your ability to simplify things with instant on the fly examples is unmatched. Thanks a ton!!!
🥹Your comment means a lot to me. Thank you so much 😊
You *can* use spread with frames, but you need to turn of "clip content" for it to work.
Gosh Elizabeth - how do you fit so much into this video in such a short space of time? And how do you know it all?
Haha lots and lots of research and 13+ hours of video editing. This one was a beast! 😅
@@DesignerUp well done you did amazing to compile such in-depth research into a 13 minute that was easy to follow, useful and enjoyable.
you're the best UI teacher!!! I wish I could become an intern and work with you. Best wishes!
We do sometimes open up internships so send your resume to learn [at] designerup.co and we’ll keep you updated!
@@DesignerUp That will be my honor! Sure I'll send. Thanks a ton!
The best one ever to simplfy knowledge
Thank you!! Appreciate that 😁
Wow. Respect. I am very impressed. This video is a 10/10.
Your knowledge and how you structure and present it... this is a jewel.
I got so much inspiration for my own design learning, this will keep me on my feet for weeks. Thank you so much.
Thanks a lot Christopher! 😃 So happy to hear that!
Hey Chrstopher, here's another Figma tutorial video on the latest hero trends for 2024 that I thought you might like - czcams.com/video/TjLxhLSrmGw/video.html Let me know what you think!
GOLD!@@DesignerUp
This video deserves way more likes, really amazing content
Thanks a lot, I appreciate you saying that. (Love your profile pic BTW, one of my top favorite albums 🌈)
U make everything so simple like snap of a finger...woa! Just waiting for ur channel to blow up
Haha thanks so much!! 😊
Here's another Figma tutorial I thought you might like! czcams.com/video/TjLxhLSrmGw/video.html
Let me know what you think!
Amazing video!
This was awesome and taught me so much! I've been struggling with defining my own personal design tastes lately and this gave me a lot of language and understanding about what I like and don't like. I'd say I very confusingly identify with both neobrutalism and flat design as well as with glasmorphism :)
You perfectly described the exact feeling that prompted me to go down the rabbit hole of research to understand these styles! Also…I think Neobrutalism and Flat design are the perfect compliment to each other. So happy you stopped by to watch and comment!! 😊🫶🏾
Hey Nisha! I wanted to share my latest trends video with you - czcams.com/video/TjLxhLSrmGw/video.html
Let me know what you think of these latest trends!
Great work! Thanks for sharing!
Cheers, thanks for watching!
Thanks for sharing... really inspirational!
Your welcome, I appreciate you watching
Thank you❤
Thank you, I learned a lot ❤
That’s great! Thanks for stopping by 💜
Wow!! This is so helpful
So glad you think so! Thanks for your comment 😊
Much learnt in such a short time. Thank you 👍
That’s great to hear!!
Awesome
Very nice summary!
Thanks for watching!
Just when I thought CZcams was wasting my time ... Thx again.
@axeo123 really appreciate that 😊
Your super cool please upload more like these someone like me who poor at visual design it makes them better and meeee
Here's another Figma trends tutorial for you! czcams.com/video/TjLxhLSrmGw/video.html
Loved this video!
I'd love to see more trends and how to replicate them, maybe even more in-depth videos on each trend
Does anyone know of a good UI course?
I know the product design course was mentioned, I'm comfortable with my design thinking/research skills I more want to improve in my visual design skills
Thanks Christian! 😄 Are you looking for a course that focuses more on web design or UI design? And are you looking to get better at the foundations and technique or get faster and better at using Figma specifically?
Hey Christian, here's another Figma tutorial I thought you might like - czcams.com/video/TjLxhLSrmGw/video.html
Also a link to our Product (UX/UI) Design Course if you're interested - designerup.co/product-design-ui-ux-course
this is really cool, thanks! I wanted to ask - how do you know what the names of these trends are? More generally, how does one keep up to date with (web) design trends?
These trends most commonly start from the branding, marketing and product departments of bigger tech companies and popular startups. They often pull from and are influenced by real world events, history, interior design and architecture etc. and documented into their brand guides or design systems. Sometimes other designers give them a name that catches on and then the trend is born. New trend often can be found by studying existing design systems that are released by companies and by following influencial designers in the space
Here are some popular design systems to explore: czcams.com/video/BISC15OPeGA/video.html
@@DesignerUp oooh, thank you!
These are great! Did you account for WCAG accessibility for these?
First to like and comment
Yay! Thanks for watching😁
Happy with it - until I hear you support AI.
It’s not about supporting it or not, it’s about accepting the reality of its existence and doing the best we can to understand it, adapt with it and reduce its harm.
@@DesignerUp how does one "reduce its harm" if one continues using generative AI, therefore improving it with each use?
@saniainez, you’re assuming that only harm can come from using AI. I choose not to deal in absolutes. Everything has a dark and light side. By having people from different backgrounds and walks of life interacting with AI, bias assessment, source citations, zero-party data, data provenance, governance, human intervention etc. those are all safeguards that we can implement. I don’t think there is a turning back now and although I think that would be great, Pandora’s box has already been opened. I’m not pro AI but I am a realistic and take the middle way.
@@DesignerUp in no way I'm refusing the development of AI *as a whole* - but as of now, there is no such thing as "ethical use" of genAI. Especially commercially, as in a CZcams monetised video. Yes, there is no going back, but as long as those "safeguards" are yet to exist, genAI's existence continues to do more harm than good.