No video

Ultimate Guide to UI Design

  Рет қаралды 35,530

Malewicz

Malewicz

Күн бұрын

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.g...
---
#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

Пікірлер: 130
@dilankamadushan9736
@dilankamadushan9736 Жыл бұрын
I really appreciate how you condense complex concepts into simple explanations, making it easily understandable for everyone. as always brilliant! 🤩
@MalewiczHype
@MalewiczHype Жыл бұрын
thanks! that was my plan with this one- a clear set of simple rules
@Anca_Webdesign
@Anca_Webdesign 2 ай бұрын
I agree 😇💯
@fatemehmokhtarabadi6549
@fatemehmokhtarabadi6549 3 ай бұрын
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!
@MalewiczHype
@MalewiczHype 3 ай бұрын
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 :)
@DEADEYESpress
@DEADEYESpress 11 ай бұрын
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
@MalewiczHype
@MalewiczHype 11 ай бұрын
Thank you!
@dotpenji
@dotpenji 11 ай бұрын
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.
@monicasoriano8581
@monicasoriano8581 11 ай бұрын
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.
@monalizapantoja8490
@monalizapantoja8490 10 ай бұрын
By emphasizing simplicity, providing practical tips, and encouraging regular practice, you're empowering designers to create better user interfaces.
@jchavez789
@jchavez789 Жыл бұрын
Such a great way to lay it out. Keep it simple and practice. 💜
@MalewiczHype
@MalewiczHype Жыл бұрын
That's exactly the path I'm trying to share :)
@f4de792
@f4de792 Жыл бұрын
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.
@simonswiss
@simonswiss 7 ай бұрын
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.
@MalewiczHype
@MalewiczHype 7 ай бұрын
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.
@adelakunoluwatobi8930
@adelakunoluwatobi8930 Жыл бұрын
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 .
@SzabatDesign
@SzabatDesign Жыл бұрын
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! ❤️☀️
@MalewiczHype
@MalewiczHype Жыл бұрын
Your skills are already good and I’ve seen you follow many of these tips 🫡
@burakkok9806
@burakkok9806 11 ай бұрын
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.
@jayeshahuja6457
@jayeshahuja6457 Жыл бұрын
This video is a gem for anyone starting out 👏🏻🙌🏻
@MalewiczHype
@MalewiczHype Жыл бұрын
the more people share it on socials the sooner I’ll do part 2 :)
@vicfaustini
@vicfaustini Жыл бұрын
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 😊😅
@goldenwords9647
@goldenwords9647 4 ай бұрын
You opened my eyes sir.😮Thanks a lot.😊🎉
@tonyeneh8194
@tonyeneh8194 2 ай бұрын
Awesome content! I learnt a lot
@fernandash263
@fernandash263 7 ай бұрын
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! ❤
@MalewiczHype
@MalewiczHype 7 ай бұрын
Thank you! There’s a lot of stuff on this channel in the becoming a designer playlist 🫡
@FablesOutofSpace
@FablesOutofSpace Жыл бұрын
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🥳🥳🥳
@MalewiczHype
@MalewiczHype Жыл бұрын
It’s condensed so easier to focus 🫡
@MalewiczHype
@MalewiczHype Жыл бұрын
there’s also a free book combined sith this video and it’s a lot of condensed knowledge
@sarroora
@sarroora Жыл бұрын
Concise and to the point as always. Thanks, Michal!
@MalewiczHype
@MalewiczHype Жыл бұрын
My pleasure!
@Asuragaming000
@Asuragaming000 8 ай бұрын
I was searching for this information all over the internet finally found it here
@withextraolives
@withextraolives 11 ай бұрын
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.
@MalewiczHype
@MalewiczHype 11 ай бұрын
Awesome to hear! We now launched daily UI challenges as well, combined with that book it's a superpower :)
@Derimos
@Derimos Жыл бұрын
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
@adhamhmad91
@adhamhmad91 Жыл бұрын
Really helpful, especially for my next UX portfolio from Google!
@titangaming2186
@titangaming2186 Жыл бұрын
one video on how to ethically copy design and learn by replicating other designs . and love your content absolutely
@MalewiczHype
@MalewiczHype Жыл бұрын
I have this planned for september
@titangaming2186
@titangaming2186 Жыл бұрын
wating for it 🙃@@MalewiczHype
@A.Priyotosh
@A.Priyotosh 2 күн бұрын
thanks a lot. its truly inspiring and helpful. btw i couldn't get the ebook for free.
@MalewiczHype
@MalewiczHype 2 күн бұрын
It was free for the first year, now we made it paid (but cheap) so people will avoid fomo-downloads. When you pay a small amount you value what you bought more than when its free.
@swapnilpawar1534
@swapnilpawar1534 Жыл бұрын
@malewicz You're always on point and your guidance really made a difference 7:04 in my designs 🙌👏👏👏
@guadalupeibarra7764
@guadalupeibarra7764 7 ай бұрын
Thank you, So easy to understand
@johnbonninquilala5877
@johnbonninquilala5877 11 ай бұрын
I love this man! very helpful!
@mahamasood1593
@mahamasood1593 Жыл бұрын
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.
@MalewiczHype
@MalewiczHype Жыл бұрын
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
@bogdanarutjunjan2603
@bogdanarutjunjan2603 Жыл бұрын
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!
@MalewiczHype
@MalewiczHype Жыл бұрын
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 :)
@samanthachristensen1162
@samanthachristensen1162 11 ай бұрын
Awesome!!!!!!
@artfrody
@artfrody 6 ай бұрын
Thank you💗
@MalewiczHype
@MalewiczHype 6 ай бұрын
more to come 🫡
@deeptityagi6994
@deeptityagi6994 Жыл бұрын
thank you so much u saved all of us so much time and efforts
@MalewiczHype
@MalewiczHype Жыл бұрын
that's the plan - to only focus on the right stuff at first, and then add more :)
@Kafivideo
@Kafivideo Жыл бұрын
You are AWESOME! ❤❤❤❤❤
@MalewiczHype
@MalewiczHype Жыл бұрын
You are!
@YggdrasilReviews
@YggdrasilReviews Жыл бұрын
This video came at the right time
@bautiq
@bautiq Жыл бұрын
Świetne wideo, ebook na pewno też się przyda. Co myślisz o części 2 z nieco bardziej zaawansowanymi poradami?
@MalewiczHype
@MalewiczHype Жыл бұрын
zobaczymy czy bedzie zapotrzebowanie ;)
@mithunnetcoden2375
@mithunnetcoden2375 11 ай бұрын
thank you so much for this video
@zetraxs8916
@zetraxs8916 Жыл бұрын
Thank you so much i really needed this ❤
@MalewiczHype
@MalewiczHype Жыл бұрын
You are so welcome
@muhamadsaeedd
@muhamadsaeedd Жыл бұрын
Thanks, Michal ❤❤
@MalewiczHype
@MalewiczHype Жыл бұрын
I believe this will help 🫡
@muhamadsaeedd
@muhamadsaeedd Жыл бұрын
@@MalewiczHype life saver 👌
@muhamadsaeedd
@muhamadsaeedd Жыл бұрын
WAITING!!!🔥🔥🔥🔥🔥🔥
@cynicusme9007
@cynicusme9007 Жыл бұрын
Finally, someone makes an idiot proof guide! Thank you!!!
@the-secrettutorials
@the-secrettutorials Жыл бұрын
I love stuff like this! Thanks
@MalewiczHype
@MalewiczHype Жыл бұрын
The better this video does, the sooner I'll make part2 :)
@the-secrettutorials
@the-secrettutorials Жыл бұрын
liked, subscribed and commented ✅@@MalewiczHype
@Yuukinea
@Yuukinea Жыл бұрын
Dziękuję za ten materiał!
@vitaminn8467
@vitaminn8467 Жыл бұрын
Will there any videos about design system? Super helpful video thanks Michal
@MalewiczHype
@MalewiczHype Жыл бұрын
we’ll see - I have many plans this year.
@swadhasharma3714
@swadhasharma3714 Жыл бұрын
What's the discount code it need to download the ebook?
@MalewiczHype
@MalewiczHype Жыл бұрын
you can just enter 0 for the price
@ornellakintomonho2289
@ornellakintomonho2289 Жыл бұрын
Try downloading it on a computer. I encountered the same problem while trying to download it on my phone
@SamuellMinistar
@SamuellMinistar Жыл бұрын
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 🤩
@MalewiczHype
@MalewiczHype Жыл бұрын
Thank you Samuel, appreciate all the support! It keeps me going :)
@graceelechi3948
@graceelechi3948 Жыл бұрын
@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.
@muhamadsaeedd
@muhamadsaeedd Жыл бұрын
Wow love this ❤
@tekiero
@tekiero Жыл бұрын
MALEWCIZ, GOD! Thanks! And bring back korean song outro! It brightens future after finishing watching your video :(
@DeignFilx
@DeignFilx Жыл бұрын
❤uh at last it's here.
@3designlab201
@3designlab201 7 ай бұрын
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?
@MalewiczHype
@MalewiczHype 7 ай бұрын
In that case use red as the 10% and use white and black (2e2e2e) as the 60/30
@3designlab201
@3designlab201 7 ай бұрын
Thanks so much. It is actually for a website. Does it change anything? @@MalewiczHype
@fimat5221
@fimat5221 Жыл бұрын
Dziekuje ❤
@deeptityagi6994
@deeptityagi6994 Жыл бұрын
Can u please make a review of case study and tell us if this type of case would get hired or not
@SamyadeepPurkayastha
@SamyadeepPurkayastha Жыл бұрын
thank you, you are the 🐐🙏
@MalewiczHype
@MalewiczHype Жыл бұрын
Appreciate that! The more views this video gets the sooner I'll make part 2 :)
@vjinspires3243
@vjinspires3243 11 ай бұрын
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! 🙏🫶🏼
@julianaryo407
@julianaryo407 3 ай бұрын
is there any other link to buy the book ? the link provided failed to process my payment
@MalewiczHype
@MalewiczHype 3 ай бұрын
If you're a PRO user on our platform the entirety of the book is also split into 4 articles there.
@rachelbaker4158
@rachelbaker4158 6 ай бұрын
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! 😢
@MalewiczHype
@MalewiczHype 6 ай бұрын
It has an input box where you put 0 in the price. 10000 people did it without any issues 🤷‍♂️
@hadiaslam7801
@hadiaslam7801 Жыл бұрын
The HONEST designer of the industry
@MalewiczHype
@MalewiczHype Жыл бұрын
not paid by any design tool 😂
@luanasam1215
@luanasam1215 9 ай бұрын
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
@MalewiczHype
@MalewiczHype 9 ай бұрын
It only works on computers (doesn't work on phones) and don't put a code 0 just put 0 in the price box.
@luanasam1215
@luanasam1215 9 ай бұрын
​@@MalewiczHype thank you Yes I just put 0
@mukularyan
@mukularyan Жыл бұрын
Unable to download, download button not working!!!
@MalewiczHype
@MalewiczHype Жыл бұрын
try on a computer, there may be some bugs on mobile
@NOOBFGGAMER
@NOOBFGGAMER 2 ай бұрын
how do i get the free book?
@MalewiczHype
@MalewiczHype 2 ай бұрын
It was free for 6 months, now it’s just cheap ;)
@TrendingKuttyTheeviravathi
@TrendingKuttyTheeviravathi 11 ай бұрын
Sir how to purchase designer guide
@MalewiczHype
@MalewiczHype 11 ай бұрын
just open the link on the computer and enter 0 into the price box
@FirstLast-dj7fk
@FirstLast-dj7fk 11 ай бұрын
Hej @MalewiczHype, ten "F*!#ing Designers Guide to UI" to już nie jest dostępny?
@MalewiczHype
@MalewiczHype 11 ай бұрын
hype4academy.gumroad.com
@FirstLast-dj7fk
@FirstLast-dj7fk 11 ай бұрын
@@MalewiczHypedziękuję za odp. Teraz już zakumałam jak to zamówić :P
@user-jq6fq8kl8b
@user-jq6fq8kl8b Жыл бұрын
Do we need to learn HTML & CSS as UI/UX Designer?
@MalewiczHype
@MalewiczHype Жыл бұрын
you can - it can be easier to find a job, but it’s not necessary
@asuquogodwin2196
@asuquogodwin2196 Жыл бұрын
Please what's the referral code to download the material
@MalewiczHype
@MalewiczHype Жыл бұрын
you need to do it on the computer - there's just a button there. On mobile for some reason the form is broken.
@asuquogodwin2196
@asuquogodwin2196 Жыл бұрын
@@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.
@xeniszen
@xeniszen Жыл бұрын
Thank yooooou! *notice me algorithm*
@MalewiczHype
@MalewiczHype Жыл бұрын
Noticed
@rociococcia2603
@rociococcia2603 4 ай бұрын
I´m not in Instagram for the free ebook 😪
@MalewiczHype
@MalewiczHype 4 ай бұрын
Sadly this offer has now ended, the book is $1 (or included in our pro subscription on the platform)
@pichipurinsesu
@pichipurinsesu Жыл бұрын
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
@MalewiczHype
@MalewiczHype Жыл бұрын
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 :)
@quiickamazonreviewbangla
@quiickamazonreviewbangla 6 ай бұрын
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
@MalewiczHype
@MalewiczHype 6 ай бұрын
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,.
@nazaradana1252
@nazaradana1252 11 ай бұрын
Do i suck at design if i like Montserrat?
@adelekedaniel2927
@adelekedaniel2927 Жыл бұрын
❤❤
@hustler-q8s
@hustler-q8s Ай бұрын
The E-book Is Not Free!!!
@MalewiczHype
@MalewiczHype Ай бұрын
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.
@jobtrixznr8780
@jobtrixznr8780 Жыл бұрын
Sir's 7 >>>>>>>>>> other 24 hrs😂😂😂😂😂
@MalewiczHype
@MalewiczHype Жыл бұрын
7 is more than enough 🫡
@jobtrixznr8780
@jobtrixznr8780 Жыл бұрын
​@@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 😊
Master UI Design FREE - Daily Challenge
7:05
Malewicz
Рет қаралды 25 М.
Amateur vs Pro UI Design | with examples
20:46
Jesse Showalter
Рет қаралды 77 М.
ISSEI & yellow girl 💛
00:33
ISSEI / いっせい
Рет қаралды 19 МЛН
Challenge matching picture with Alfredo Larin family! 😁
00:21
BigSchool
Рет қаралды 37 МЛН
Joker can't swim!#joker #shorts
00:46
Untitled Joker
Рет қаралды 38 МЛН
Are you at least level 4?
10:28
Malewicz
Рет қаралды 12 М.
15 Hero Sections To Steal!
7:31
UI / UX Pixels
Рет қаралды 3,2 М.
Level up your UI design skills in 12 minutes! | EP2
12:05
Rachel How
Рет қаралды 117 М.
Are You At Least at Level 4 of UI?
10:57
Malewicz
Рет қаралды 95 М.
The Easy Way to Design Top Tier Websites
11:54
Sajid
Рет қаралды 311 М.
Get above UI Design Level 4 FAST!
10:09
Malewicz
Рет қаралды 19 М.
5 levels of UI skill. Only 4+ gets you hired.
11:05
Malewicz
Рет қаралды 429 М.
14 Web Designs Trends 2024
10:40
Malewicz
Рет қаралды 125 М.
ISSEI & yellow girl 💛
00:33
ISSEI / いっせい
Рет қаралды 19 МЛН