Get above UI Design Level 4 FAST!
Вставка
- Опубліковано 27 лип 2024
- Join 10000 designers doing a FREE daily UI challenge at hype4.academy
It's the best way to improve your UI design skills!
There are five levels of UX/UI skill, but below level 4 NOBODY CARES about your work.
My books and courses:
hype4academy.gumroad.com
Now let's dive in!
In this video I'll show you the difference between them and outline what changes and how you can use it to make your own work better.
UI design is all about practice, but it has to be guided the right way. To make the best work, you need to focus on things like grid, layout, spacing, typography (fonts), sizing, scales, colors, contrasts and whitespace.
All these things work in unison to create a design that just works.
The design here is a real, coded, client project we worked on, which sets us apart as most other channels just show "dribbble" shots as their "work" ;-)
#portfolio #ux #design
🏆 Master design with me
✅ Check out 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
---------------------
00:00 Five levels of UI skill
00:57 Level 5
03:08 Level 4
05:03 Level 3
07:22 Level 2
08:38 Level 1
09:38 Free UX/UI book
10:06 Do this!
Wow, thank you for this! It does an awesome job breaking down the little details that can make a designer look from junior to mid or even senior level :) These are very easy to miss and I feel like it's not talked about it enough, very helpful!
Happy to hear that! I hope to push this series forward with more actual client projects this year as we do quite a lot of real work :)
I’m halfway through your Boring UI course and I love it! It’s very useful and I highly recommend it ⭐️ ⭐️ ⭐️ ⭐️ ⭐️
I know there are several free pre-made community libraries and design systems out there but it is important to know how to create those UI elements to avoid using random stuff other people created and hope it’s perfect.
I’ve really enjoyed your books and courses and your book Designing User Interfaces is my Bible 🥰
Another great video! Thank you, Michal. I really love this Level 1 to Level 5 video series.
More to come, and more from real, client work :)
I'm learning so much from your videos and even more from the daily challenges. Those are invaluable practice. It's easy to say you want to practice, but coming up with something to design for practice can be half the challenge in itself. Also thanks for dropping a like on the challenge designs I posted on Twitter earlier. I hope you enjoyed the designs.
The thing I enjoy the most is seeing people progress and it's a pleasure to see it in your posts as well :)
Thank you very much, we will be happy for more videos in this style!
One a month for sure
Lovely! I do think maybe top designers care too much about spacing and using 8pts... I don't think is the spacing that makes level 5 level 5 I think is a mix a lot of things, but mainly challenging traditional expected layouts
Not only is the content informative, but it is also very enjoyable to watch and listen to ♥
I am so happy you are one of the senior designer that I follow. You are so helpful to jr designers and are very consistent with video uploads.
It does take a toll on my wellbeing sadly - lots of work goes into these videos. That's why I appreciate the comments! :)
I wish I followed you before. This is so useful, especially for a newbie UI/UX designer like me
thank you so much for this, I was trying to up-level my design skills but didn't know what to work on. now I know what mistakes I am making and definitely will work on them. would love to see more level 1 to 5 videos
One every month 🫡
This is awesome video...please make these kind of videos covering all aspects of ux design...these comparison videos are way better than typical bootcamp
One every month 🫡
Waiting 🔥🔥🔥🔥
Thank you!!!
love these level videos. it helps a lot.
That's the idea, but this year they'll be more about, real client projects.
@@MalewiczHype I was actually going to ask you this exact thing on Twitter. I will wait for the real client project videos. Thanks for teaching me so much.
Your insights on the five levels of UI design skill are eye-opening. Could you share some practical tips for designers looking to progress from level three to level four?
I completely agree with you! the five levels of UI design skill discussed in this video really shed light on the journey of becoming a proficient UI designer.
Thank you very much! We would greatly appreciate more videos in this same style.
Great explanation!
Glad it was helpful!
Amazing
I just love your channel and the way you do your videos!
As usual thanks for the best UX content out there.. but I do have one quick question about portfolio case studies if you could please answer for me…
How many screens do you recommend including into case studies. I know a recruiter goes through portfolios so fast, so wondering should we include the most essential screens or literally every screen possible..
Use the UI Sandwich rule (I talk more about it in my UI Case Study course) - in short - show 2-3 best screens at the top of the case study visual, 2-3 other best screens at the very end, and somewhere in the middle you can show a huge grid of all screens (but smaller) to show you did a lot of work.
i want you to talk about accesibility, using rem and comunicating with the devs.
Love your content. I want to start ASAP as a designer and I have bought all your courses (purchased the bundle) and ebooks. Now please tell me correct chronological order to study from them. Which course should I start with. I am starting with 'Boring UI course'.
Hi! There is no one right way to start, but for most people it's : mobile courses --> web courses --> boring ui --> portfolio bundle courses --> everything else :)
How to choose a suitable and good-looking rounded corner value
The sound is very good
Still some small differences between VO and regular sound but I'll nail it next time
That font is beautiful, anyone know what its called?
Thank you @michal
I love him he is great 👍🏼 🎉
The best channel about UI design. Looking forward to case study video about this project 🫰🏻
It usually takes a while to get all permissions from the client, but here we're almost set. Should come in 2-3 weeks.
Thank you again for the amazing content, Michal.
I have a question: Will you ever release a course that includes explanations of the "Auto-layout" mechanic? I'm struggling a lot with responsive breakpoints, as I haven't really learned about that yet.
I wouldn't use auto-layout for responsive breakpoints actually - it's better to design them by hand as very often each breakpoint requires a slightly different approach.
But yes, we are working on Boring UI part 2 which will be all about Auto Layout in more than one design tool.
@@MalewiczHype As always, thank you for your response.
Yes, that's what I'm doing! However, which software should I use to translate the breakpoints that I've designed manually?
I'm currently using Framer, but the responsiveness doesn't seem to work when I manually add the breakpoints that I designed in Figma. I believe that some auto-layout functionality is needed to make it work.
Perhaps Framer isn't the right software for publishing my design.
I am trying to evolve my profile and become proficient in a no.code platform or maybe I should try to learn a coding language? I dont know what to do to do.
Sorry for the long context.
Thank you , Michal
We usually just code breakpoints with HTML/JS.
❤
It is a great Video course 😍 and everything straight forward website design & mobile App Design things (Pakistan)
That is exactly the plan!
What contrast number would be considered the maximum before causing eye strain?
It kind of depends on the color, some colors are more prone to eye-strain than others. Sadly it's more about eyeing it as long as you're above the minimum threashold already.
Hi michel sir,
I am looking to do your daliy UI chellange. I have finished fundamental of UX design. Can you please explain about how to use google metirial design, so i can use metirial design into UI chellanges.
The guidelines for material are on Google's website. You can probably also download a UI kit there, but I encourage everyone to try and come up with their own UI first :)
@@MalewiczHype sure sir. I agree with your advice. Thank you
3:25 - Maybe not “larger”, but “smaller”? I can see 24 instead of 32 everywhere.
I'd like to ask: Did you prepere one design for iOS and Android? Or it is better to make different versions for different software? :)
That depends. We try to avoid OS specific designing - I find "native" looking apps boring, so unless it's some special scenario, we always do a completely custom design from scratch - one that matches the product.
@@MalewiczHype That's what is worth to pay more for customer to stand out :)
Lvl 1 reminds me of using the internet in the early 2000's lol
Plese make a video about how to create youtube Content as a designer.
I don't really know much about it :(
Hi Michal
I recently purchased your Ultimate Course Bundle by using my dad's email address, But, I can't access all the course material. It shows that videos are unavailable. I tried to login using password and magic link both, but none of them worked. I also mailed you regarding this.
Kindly Help.
Thanks.
If your dad purchased it in the same country you're now trying to access there shouldn't be an issue.
What you can try is to restart your computer as in some cases it's a caching issue in the browser when it's running for too long.
If that doesn't work try a different browser and/or using a VPN or turning it off if you're using one.
@@MalewiczHype Thanks for the reply. I tried all the methods you suggested but it's not working. When I first log in into hype4academy through my dad's email, one course material gets accessible. But when I refresh the page, or try to go into other courses, it shows video unavailable.
try refreshing the page a couple times or using a different browser. This error happens to less than 1% of users and in most cases just a refresh or restart resolves it.
#TeamBroccoliFTW 🥦🙌🏼
Oh totally! We'll show them tomatoes!
Is this Figma tool ?
I don't use figma tool.
So it seems I'm so close or at the gate of level 4.
That's a great spot to be!
Yeee... It could be better, but well... I'm comfortable enough with e.g. typography that I'm using two typefaces instead of one, but when I feel that one typeface suits the best... then I stick to one.@@MalewiczHype
That's the idea!
Hi I'd love to see the bad design first and then see the final design. Seeing final design at first killed my interest and I stopped watching the video just half way in the level 4.
Tried it that way and it actually didn't work for most people when I started from the worst.
It's all a numbers game.
@@MalewiczHype I see, I appreciate your honesty.
I did one design ( level one )😂😂😂😂 haha
2 years have passed and I still consider you the best UI teacher on the market :) It's hard for me to say what level I am at, sometimes better, sometimes worse. But now, as a Product Designer on a freelance basis, I look at the whole picture and develop myself on various levels. Thanks to you, I feel confident in UI skills. Thank you for everything 🫶
You got all those extra skills needed to succeed, so I'm not worried, your future is bright 🫡