Ultimate Guide to UI Design
HTML-код
- Опубликовано: 29 июл 2024
- Let me tell you how not to suck at UI design.
The most important part of learning UX/UI design is acknowledging the constraints. This video is all about that.
It gives you PRECISE instructions on what to do, what not to do, and in which order. I give you safe colors, typography, spacing and icons tips so your first apps look better and you're able to learn faster.
🔥 Level up your UI game with these simple steps:
1️⃣ Register for FREE and do Daily UI Challenges:
hype4.academy
2️⃣ Get the Guide Ebook now
hype4academy.gumroad.com/l/gu...
---
#design #ui #uidesign
00:00 Why constraints?
00:29 The bad scenario
00:50 Colors
03:28 Fonts
04:37 Icons
05:35 Spacing
06:17 Next step
06:56 The book
I really appreciate how you condense complex concepts into simple explanations, making it easily understandable for everyone. as always brilliant! 🤩
thanks! that was my plan with this one- a clear set of simple rules
I agree 😇💯
This has been an amazing starting point for me. Even though I have an architecture degree and a master's degree in industrial design, this video has been immensely valuable for me. I am trying to get into the field of UX/UI and trying to bring a portfolio together but there is so much to learn. It has been challenging to come up with projects and designing them from the ground up. I can never feel satisfied with my designs and always think there is something missing or off. Thanks to you, the rules I have to follow are already there and I am not that afraid of designing anymore. Subscribed and liked. Please continue what you are doing.
Wow. Such a gem content. I'm gonna have to watch multiple times to outline all the details, that's how good this is. Thanks .
I love the fact that this video is edited like a horror movie (sounds and effects when starting each chapter) and how it actually feels like a horror movie when you're a junior at UI (I'm one here, completely terrified but I'm learning. I almost cried on my day one! ). You're content is beyond great, Thank you so much sir!
Thank you! It can be a horror movie but it can also be a horror-comedy mix when you have the right approach! Don't give up, keep going and you'll do great :)
I love the pace of your videos, slow but enough information, simple but ez to understand! Thanks, I'll take a look at some of your courses! :D
Thank you!
Such a great way to lay it out. Keep it simple and practice. 💜
That's exactly the path I'm trying to share :)
I've learned so much from you and appreciate your valuable tips and advice. Thank you for this video and the ebook! I've already used it to enhance my projects.
Awesome to hear! We now launched daily UI challenges as well, combined with that book it's a superpower :)
Awesome content! I learnt a lot
You opened my eyes sir.😮Thanks a lot.😊🎉
Brilliantly explained! Every beginner should start with this :) I have to read you new ebook because it is worth repeating knowledge to yourself :) All the best! ❤️☀️
Your skills are already good and I’ve seen you follow many of these tips 🫡
Concise and to the point as always. Thanks, Michal!
My pleasure!
Thank you, So easy to understand
First, I rarely write comments at all, so you can believe this is a special one.
Secondly, I want to thank you Michael, you planted a seed of hope in my head and heart that I can still become a good designer.
In general, I have been interested in design for the past 5 years, because I am a student of information technology.
I have recently been looking for a job, as an old acquaintance wrote to me that he has a job for me, and quite a job, as a mobile designer for iOS. I could not find a place for happiness. And now I have been working on the project for several weeks, slowly but surely.
I watch your videos from time to time, I constantly emphasize something for myself, learn new things, correct mistakes.
So, thank you very much for gradually helping me and people like me become better in general, and as a designer as well, of course.
P.S. I got your e-book, now it's serious, not only youtube videos, maybe I'll even join your hype4academy.
thank you so much for this video
Man this video is gold! I've been looking for different ways to improve my UI but any other videos were as useful as yours! ❤
Thank you! There’s a lot of stuff on this channel in the becoming a designer playlist 🫡
I love this man! very helpful!
One doubt that I usually have when I'm going to design a Dashboard for the desktop is the grid, most because I don't know much about code. You could also bring a little more about grids, specifically for mobile and desktop apps, because devs are very grateful when faced with a design obeying the grids 😊😅
Wow, this video is like striking gold for budding designers! Your advice on using constraints to improve design skills really resonated with me. I found it particularly interesting how you emphasized the importance of simplicity, especially for beginners in their first or second year of learning design. It's refreshing to hear someone stress the significance of mastering the fundamentals before diving into more complex design choices.
I agree! Mastering the fundamentals and embracing simplicity is indeed a valuable approach, especially for beginners in design. Building a strong foundation in design principles, typography, layout, and color theory can set the stage for more advanced and creative work down the road.
By emphasizing simplicity, providing practical tips, and encouraging regular practice, you're empowering designers to create better user interfaces.
@malewicz You're always on point and your guidance really made a difference 7:04 in my designs 🙌👏👏👏
This video is a gem for anyone starting out 👏🏻🙌🏻
the more people share it on socials the sooner I’ll do part 2 :)
I'm loving you videos! Can you make one suggesting how to chose colors for modern Front End UI libraries. For example there are a lot of UI libraries in which you can generate website theme by choosing : Primary, Secondary, Tertiary, Success, Warning, Error and Surface color. (for example new Material Design, Skeleton UI, ANT UI ... ). Can you suggest safest colors to chose in this case. Thank you
Dziękuję za ten materiał!
Awesome!!!!!!
Thank you so much i really needed this ❤
You are so welcome
Wow love this ❤
Really helpful, especially for my next UX portfolio from Google!
Thank you💗
more to come 🫡
I was searching for this information all over the internet finally found it here
I LOVE the "TL;DR: use go-to values that are proven" messaging. Takes away so much decision-making and avoids "weird ideas". I am sure you're going to get roasted for saying some of these things, but from a practical and functional standpoint, this is gold.
I'm all for experiments when people get more comfortable and understand what they do. Before that happens it's literally best to just use 3 colors, 1 typeface, 3 sizes for everything.
thank you so much u saved all of us so much time and efforts
that's the plan - to only focus on the right stuff at first, and then add more :)
Dziekuje ❤
WAITING!!!🔥🔥🔥🔥🔥🔥
This video came at the right time
I love stuff like this! Thanks
The better this video does, the sooner I'll make part2 :)
liked, subscribed and commented ✅@@MalewiczHype
Sir, İ appreciate it but it says the length is 7 minutes or so:/ when you said free resourse, I expected a little longer:/ well you are quality over quantity so İ am excited🥳🥳🥳
It’s condensed so easier to focus 🫡
there’s also a free book combined sith this video and it’s a lot of condensed knowledge
You are AWESOME! ❤❤❤❤❤
You are!
thank you, you are the 🐐🙏
Appreciate that! The more views this video gets the sooner I'll make part 2 :)
This was an amazing video, you clearly talked about all the best practices a beginner can use to get better in making amazing, beautiful and consistent UI design, Thank you for this one, would be recommending it to any of my friends that want to kick start their UI career. #UIcheatsheet 🤩
Thank you Samuel, appreciate all the support! It keeps me going :)
@malewiicz I just joined the daily UI challenge and noticed an issue... I mistakenly uploaded the wrong design and there's no way to edit and upload the right image before the timeline elapses. If this was intentional please can you explain the reason why it's so. Thank you. I really hope you respond.
Świetne wideo, ebook na pewno też się przyda. Co myślisz o części 2 z nieco bardziej zaawansowanymi poradami?
zobaczymy czy bedzie zapotrzebowanie ;)
Thanks, Michal ❤❤
I believe this will help 🫡
@@MalewiczHype life saver 👌
Hello Michal! First of all, thank you for what you are doing. I signed up for your daily UI challenges and uploaded my first screen. I have a question though. Will you, or other designers review our works, or is it only to train by ourselves?
Thanks!
Hey! I don't really have enough time to review everyone's projects, but we do have a slack community where people post their challenges and feedback each other - it's important though to remember to give first before receiving :)
Will there any videos about design system? Super helpful video thanks Michal
we’ll see - I have many plans this year.
one video on how to ethically copy design and learn by replicating other designs . and love your content absolutely
I have this planned for september
wating for it 🙃@@MalewiczHype
❤uh at last it's here.
Hi Michal!
I have almost 2 years experience in ux ui at a small design agency but I don't have great projects to show in my portfolio. My question is: Do companies actually want real projects which are delivered in previous companies or can I make my own case studies to show? Will this impact my selection?
I'm willing to move abroad on visa sponsorship which is very tough still improving my skills from your books.
Thank you Michal 🙏 for this amazing material. I never learned much from my experience but I have learnt from your material in a few months and improved my skills.
if you have actual experience you can put in your resume then you're fine - show some projects just to be safe, but that resume with work experience convinces most companies
Can u please make a review of case study and tell us if this type of case would get hired or not
Amazing video. I have one question. Where you talk about the color in the 10%, it's the color for taking action, and you say not to use red. However, I have a client whose brand and logo are in red. How would you approach this? I was thinking of using the 60/30/10 rule, with white in the 60, using red in the 30 (due to the client's brand), and for the 10, I wanted to use green, but I'm not sure if it blends well, right? Would you prefer using color theory and combining red with blue instead?
In that case use red as the 10% and use white and black (2e2e2e) as the 60/30
Thanks so much. It is actually for a website. Does it change anything? @@MalewiczHype
is there any other link to buy the book ? the link provided failed to process my payment
If you're a PRO user on our platform the entirety of the book is also split into 4 articles there.
MALEWCIZ, GOD! Thanks! And bring back korean song outro! It brightens future after finishing watching your video :(
Finally, someone makes an idiot proof guide! Thank you!!!
Hej @MalewiczHype, ten "F*!#ing Designers Guide to UI" to już nie jest dostępny?
hype4academy.gumroad.com
@@MalewiczHypedziękuję za odp. Teraz już zakumałam jak to zamówić :P
What's the discount code it need to download the ebook?
you can just enter 0 for the price
Try downloading it on a computer. I encountered the same problem while trying to download it on my phone
I tried to download this book and put code 0 and it does not work. It tells me it is not possible and this message appears. "Sorry, the discount code you wish to use is invalid" is there any website to download it
It only works on computers (doesn't work on phones) and don't put a code 0 just put 0 in the price box.
@@MalewiczHype thank you
Yes I just put 0
Sir how to purchase designer guide
just open the link on the computer and enter 0 into the price box
how do i get the free book?
It was free for 6 months, now it’s just cheap ;)
Please what's the referral code to download the material
you need to do it on the computer - there's just a button there. On mobile for some reason the form is broken.
@@MalewiczHype thank you so much. I would do just that. Please I would like you to help review my design portfolio as am currently seeking for an international remote job and would like to improve my portfolio.
Unable to download, download button not working!!!
try on a computer, there may be some bugs on mobile
Tried to download the book. It wasn't free. Went to pay it took me in circles. Tried to sign up for the program and it took me in circles. Nothing worked! 😢
It has an input box where you put 0 in the price. 10000 people did it without any issues 🤷♂️
Do we need to learn HTML & CSS as UI/UX Designer?
you can - it can be easier to find a job, but it’s not necessary
❤❤
Thank yooooou! *notice me algorithm*
Noticed
The HONEST designer of the industry
not paid by any design tool 😂
oh i've been naughty and done a case study that features an app with a #F6EEEE background... may need to use that specific case study for a review :\ hah
Haha that's ok! It's not that it's impossible to pull it off, it's just a little harder so without guidance it's easier to do something wrong. But I bet you did it fine anyway :)
I´m not in Instagram for the free ebook 😪
Sadly this offer has now ended, the book is $1 (or included in our pro subscription on the platform)
Do i suck at design if i like Montserrat?
Sir's 7 >>>>>>>>>> other 24 hrs😂😂😂😂😂
7 is more than enough 🫡
@@MalewiczHypethank you so much sir for your precious reply maybe. Someday I can meet with you a pure ui design angel a master real dragon master of ui design 🎉 god bless you ❤️ love you 😊
This product supports purchasing power parity. Because you're located in Bangladesh, the price has been discounted by 1% to $0.99.,, why showing this
This is an automatic way of gumroat to handle parity - I know it sounds stupid but it's beyond my control. This book was free for many months and it only recently was made paid instead because I believe fomo is too big of a thing,.
2:25 you are telling is free but it's showing 2.70 dollars? Can you give me that E-book a giveaway for me.
It was free for the first 20,000 people who downloaded it. After that we raised the price to avoid downloading without actually reading - when people pay little money (2.70 is cheaper than a coffee) they tend to actually use it more :)
The E-book Is Not Free!!!
It was free for the first 8 months after release. Now it's not free anymore because I believe paying even a little (and it is cheap) actually makes people read it and try to understand it. The effect is better.
You should not have courses!!
You need to have a full university!! 🎓
Everything you do is amazing! 👍🏽
I appreciate all you teach us man! Thank you! 🙏🫶🏼