Finally, someone talks about designing for androids as well! Thank you! 🙂
@DesignPilot3 жыл бұрын
✌️
@sakheemehta27854 жыл бұрын
I've watched a lot of similar videos but I've never found anything explained so well!
@DesignPilot4 жыл бұрын
Thanks Man
@ahmedyassin2953 Жыл бұрын
That's True, I am a graphic designer and I am often asked to do the initial design that the programmer will implement. And this video explained to me a many things of my part.
@ARTushar14 жыл бұрын
I don't have enough words to say " Thank you " . You don't know how much you helped me to start app design. I was so much frustrated / confused for all of the devices. But the way you explained everything, its pretty much clear to me now !! Looking forward to see some more great tutorial like this on the topic of " 8PX grid system" and " typography for app ui design" ...... Thanks a bunch bro ! Lots of love and respect for you from bottom of my heart.
@DesignPilot4 жыл бұрын
You are most welcome
@tonybasa74913 жыл бұрын
Damn - I'm a 20 year IT veteran doing enterprise application design work for supply chain systems. Not the sexiest in terms of IT work and I am starting to do UX design for consumer apps. This content deserves tons of kudos! Well explained and straight to the point. Excellent work here !!!!
@DesignPilot3 жыл бұрын
Thanks Tony
@stubmow15673 жыл бұрын
You are now my new best friend. THANK YOU SO MUCH.
@varshakapil82242 жыл бұрын
Subscribed immediately once you explained ppi.. my god.. i never understood it so ignored it. but man, i M here to learn and found the best teacher🎉🎉
@MustafaDemirEng2 ай бұрын
I'm a developer who needs some design skills for side projects. Your channel and content is just awesome!
@ben63 жыл бұрын
Aspect ratio is width to height. So you might want to say 9 to 16, instead of 16 to 9. I think you're saying that because you've heard people say 16:9 more often (because of landscape devices/ monitors/ laptops).
@aaaasifgk5186 Жыл бұрын
Hello sir thanks 😁👍👍👍
@amreshR4 жыл бұрын
Great! The way you have explained it is simply mind blowing. I had gone through many online articles but wasn't happy. You answered all my doubts. From where I can learn your online courses?
@DesignPilot4 жыл бұрын
Visit my website 😝
@Im-np3fj Жыл бұрын
TNice tutorials is aweso! I was feeling kinda overwheld when i first start soft but after watcNice tutorialng your tutorial video, i feel much more confident
@emilytchuu98763 жыл бұрын
didn't know anything about designing on mobile so this will help me
@ajaythakur35573 жыл бұрын
no one make it more simple than this thanx man
@sonumot57682 ай бұрын
Such a in depth knowledge you have shared, its just awesome. very thankful.
@blendibr9554 Жыл бұрын
this really helped me so much!!! -- which explained why I was stuck.... and now I have to explain to my client that I messed up and need a few design changes!!!!
@olytovchenko Жыл бұрын
The most helpful video about UI for mobile apps I've ever watched. Thank you so much!!!
@AhmedAli-ek9gx4 жыл бұрын
I want to say, thank you very much I have been searching for hours to get this information but I didn't find it and here you present it in 36 minutes, now I am very happy, thank you very much
@DesignPilot4 жыл бұрын
Yay!!! Awesome
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@mubarakakikonyogo6319 Жыл бұрын
Thank you so much for this video it has really helped explain a concept i have been struggling with as i was working on a mobile app for my final year project.
@bkivvratnagar829 Жыл бұрын
going to go make my first soft! My first soft!! Here I go! Wish luck.
@jaza76132 жыл бұрын
Thank you for this video. I never understood PPI and stuff until now. Well explained!
@zeehansheikh30223 жыл бұрын
First video and I'm on a binging spree . Well done
@iansong16764 жыл бұрын
0:01 I thought my video speed settings were on 2x speed...
@DesignPilot4 жыл бұрын
😂
@melomancheto27612 жыл бұрын
Awesome video, I'm just getting into mobile design. I can tell that THIS VIDEO IS AWESOME. I understood every relation DPI, PX and SCALING it's mindblowing
@AndroidCreators Жыл бұрын
Bro it’s very intimidating! I’ve been slacking on it for a month now. The symbols are very confusing. You have to train your mind to
@yomioseni2 жыл бұрын
Thanks so much Chetan giving us all these knowledge, you're absolutely one of my best on this platform. Your teaching skill is fantastic and you just nails it. You're Amazing!
@christy228963 жыл бұрын
Omg thank you! It's really the first time I understand the DPI thingy that well!!!
@DesignPilot3 жыл бұрын
🙏
@shreyassrivastava814 жыл бұрын
You're simply our Messiah! Please make a video on handoffs and exporting for devs.
@DesignPilot4 жыл бұрын
Thanks Man 🙌
@amansrivastava57544 жыл бұрын
Yeah please!!!!
@sachinsharma-kp7rh Жыл бұрын
very informative video that i'm looking for many days finally got it. Thanks for making such informative video.👍
@praveenpsg774 жыл бұрын
thanks my man you solved lot of problems i appreciate the hard work. Wishing you to grow more
@krishnaar89224 жыл бұрын
Man, this is the one of the best, infact top one from 100's. Videos and articles(including Google/apple guidelines which are complex bro understand for beginners) I read to understand this device specific design and resizing concept with difference between dp/px. Thanks lot for this definitely going to share this as best resource for all my designer friends. And lastly I would really love to see same kind of tutorial for designing for tablet and desktop versions too.
@DesignPilot4 жыл бұрын
Glad to hear that
@krishnaar89224 жыл бұрын
@@DesignPilot do u have a plan for making video for tablet and desktop design with similar guidelines And techniques ?
@DesignPilot4 жыл бұрын
The guidelines are pretty much the same. Nothing different. Just keep not of the screen size. That’s it
@sadisticwinter83543 жыл бұрын
AMAZING explanation! Quick question though: I understand dp and px (now), but how do you know the ppi? sorry, I might have missed it, it's just the one thing that got lost on me. Edit: Never mind, figured it out at the end : ) (Bookmarking 15:10 for future reference)
@dpkd3198 Жыл бұрын
Wow I've found a gem mine of contents 🤩
@alvarodemoraesduarte55873 жыл бұрын
A LOT of good information in this video!! Thank you so much, really well explained.
@adrianmoreno23544 жыл бұрын
As I understand the 2x 3x asset exporting only applies to images and icons, since buttons and other components are done through code and there is no need to export them, you still need to redesign everything to bigger or smaller devices so developers know how everything looks at other sizes. Right?
@DesignPilot4 жыл бұрын
Yes
@vivekjpcsinha42264 жыл бұрын
Been waiting for this.. awesome and simple to understand.. a proper user experience :)
@DesignPilot4 жыл бұрын
Thanks so much Vivek 🤘
@tanhoang763 Жыл бұрын
This is so well-explained! Thank you so much for this video!
@marwotobersahaja17214 жыл бұрын
This is what i'm searching for.. oh thanks man, very helpful!
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@deckelm4 жыл бұрын
Best movie I’ve seen about the subject. You are awesome!
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@adhamelkelany4 жыл бұрын
This simply AMAZING!!!!! Can you make videos about using IOS KITS and how far can we customize the components in terms of colors and size, etc...? I have been searching for this for a while but can not find it.
@DesignPilot4 жыл бұрын
Yeah man. It's on the way. I have planned it.
@adhamelkelany4 жыл бұрын
@@DesignPilot Thank you, I will stay tuned
@rohitjadhav87442 жыл бұрын
This what I was looking for!! You are a savior bro.
@rahilkarimlou50103 жыл бұрын
Life saving ! Thank you! You are a master in explanation.
@bensaxon38293 жыл бұрын
I love the content , love the intensity. Keep it up!
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@deeproduza Жыл бұрын
Oh if you are here you would know I am on a journey to finish the 56 videos on this playlist. 2nd video done
@selifsa3 жыл бұрын
Such a great video and thanks a lot! I am a newbie in mobile design and I am wondering a couple of things. How do you arrange font sizes? I mean that what are the proper font sizes for the smallest design and how do you rearrange while scaling the art board sizes?
@DesignPilot3 жыл бұрын
You can use the ones provided in Materiap Design and Human Interface Guidelines
@den_vortezio Жыл бұрын
Thank you for the video. Perfectly explained!
@manaaanouar60714 ай бұрын
Brother you are a hero
@rayanfernandes26313 жыл бұрын
Nicely explained ... Got every bit of figma and i only watched it once.
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@raystarzee39294 жыл бұрын
So when your designing an app , do you design it for all resolution types or just one for both android and iOS?
@DesignPilot4 жыл бұрын
Just 1
@raystarzee39294 жыл бұрын
@@DesignPilot so 1 for iOS and Android? So you saying by giving the resolution for only 1 type , the developer will be able to design for resolution types?
@wasifahsan27184 жыл бұрын
@@raystarzee3929 Yeah. The developers scale in the design then work on that. Most 18:9 and 21:9 ratio phones just scale things hardware-based.
@waqariqbal193 жыл бұрын
Intro is just amazing
@yobillionaire3 жыл бұрын
Thank you so much for this well-explained video. This is very helpful to me. Keep creating more videos like this. Subscribed!
@siddhibhatia57142 жыл бұрын
Really amazing video. Learned a lot from it. Thank youu
@blackoutz66662 жыл бұрын
Wow that intro for a moment I thought you will rap
@kishorekumar8216 Жыл бұрын
Simply Marvellous 👏
@pratishthajoshi31533 жыл бұрын
Such a detailed and quality content 🥺🥺🙌🙌tysm
@DesignPilot3 жыл бұрын
🤩🤩🤩
@RodrigoMirra4 жыл бұрын
don't know what kind of drug dude take before tutorials but this was an intensive class of UI. Thank you
@DesignPilot4 жыл бұрын
Hahaha 😂
@thiagotito67742 жыл бұрын
Awesome explanation. A question: Are this proportions and size specifications up to date at 2022? Thanks for the video.
@DesignPilot2 жыл бұрын
Yea they are
@khawajaansaruddin69403 жыл бұрын
Great Video, helped me alot
@deeproduza Жыл бұрын
Amazing Video Content. It's 2023, so I hope I am not late to the party. Now, based on this how do you handle handoff. Here's what I mean. I noticed, that you had extra design elements even in the smallaer view. and then you clip content to accomodate the phone screen size. How best do I present every single one of this info, considering how they would look on different devices and the entire overlap or extra designs materials that only show when a user scrolls?
@tts77862 жыл бұрын
Wow this video is amazing. Any chance of talking about android tablet resolution? Where should one begin?
@DesignPilot2 жыл бұрын
1024*768 should be good enough
@tts77862 жыл бұрын
@@DesignPilot Thank you. I'm going to give it a go now. THANKS!
@tarnum134 жыл бұрын
Maybe I missed it, but could you please explain why I should start designing for the most small screen instead of designing for the biggest screen?
@DesignPilot4 жыл бұрын
I think the entire video is about that. I recommend watching it again.
@ibukunadegola84154 жыл бұрын
Amazingly helpful !! (from a UI Designer)
@DesignPilot4 жыл бұрын
Thanks so much man 🙏
@Valentynaua3 жыл бұрын
The amazing explanation! Many thanks to you.
@_djbhumi Жыл бұрын
Explained well...thank you so much
@riansetiawan6483 жыл бұрын
Really helpful for a growing designer like me, many thanks!
@DesignPilot3 жыл бұрын
Glad to hear that
@detinu3 жыл бұрын
What I still can't wrap my head around is what happens when you design at 360x640 (1x for Android), and the design goes on a viewport that is 411x731 (Pixel 2) for example. Does it get scaled? Or does the size of everything remain the same (1dp=1px on both viewports), with components moving on the screen depending on the constraints (e.g. 8dp margin right on both viewports)?
@DesignPilot3 жыл бұрын
It doesn’t scale. The with of the components just increase . The margin stays 8dp on both viewpoints
@SamsoTvChannel3 жыл бұрын
U can probably just scale it diagonally as much as u can then scale horizontally/vertically. Some manual changes can be needed
@sahilaujla3 жыл бұрын
ThankYou So much Bro It really helped a lot ...
@nikhil4yourhelp670 Жыл бұрын
great content thank you for this knowledge
@walterwhite52494 жыл бұрын
One of best tutorials I ever watched on design when can we expect basic UI principles for web or website please it would be really helpful for many beginner designers who has no idea for how to design for web
@DesignPilot4 жыл бұрын
I uploaded that last week. Check it out
@walterwhite52494 жыл бұрын
@@DesignPilot thanks
@thesushantmohta2 ай бұрын
Do you have a video where you explain constraints in detail?
@DesignPilot2 ай бұрын
Not really. But it’s very simple. I think you can just Google it.
@andriyhutsko3 жыл бұрын
What happens to images after multiplication? Do they increase their resolution the same way? Is there any good practices about working with images for mobile app design?
@DesignPilot3 жыл бұрын
Just ensure you’re using high resolution images
@harshitagarwal58492 жыл бұрын
Super Informative..🤗
@npc73x2 жыл бұрын
Such a amazing content, keep doing your awesome work
@DesignPilot2 жыл бұрын
Thanks mate
@Robert7233 жыл бұрын
Great video! Thank you!
@DesignPilot3 жыл бұрын
😍
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@salocarrillo43443 жыл бұрын
Great video! Well explained !
@haneefahmed97482 жыл бұрын
Too good, Keep it up!
@RisingmOOnStudio3 жыл бұрын
Very well explained Bro. Hats off🙌❤
@evanmanni27234 жыл бұрын
Goldmine bro. Much respect
@DesignPilot4 жыл бұрын
Thank you
@eumm113 жыл бұрын
extremely helpful, thank you!
@krishnat93293 жыл бұрын
I Never watched such a video regarding designing.
@alvin31719974 жыл бұрын
So in conclusion: Just design everything on the smallest device frame? And just let them scale accordingly since they are all in independent pixels (dp)?
@DesignPilot4 жыл бұрын
Yes
@alvin31719974 жыл бұрын
Design Pilot you sir is a saviour! 💯
@ziyingtan76683 жыл бұрын
Then when we export the asset for developers, let’s say we are dealing with a already 2x (720px width)prototype in Figma, do we export 1x files or 2x files?
@DesignPilot3 жыл бұрын
Ideally you are not supposed to design at 2x. That’s completely wrong.
@ziyingtan76683 жыл бұрын
@@DesignPilot Ah so we should design at 1x, and export @2x files?
@andreatriani3 жыл бұрын
I need your HELP! So for calculate the right artboard to design is necessary only the ppi value of the screen of the device? And then calculate the right logical bucket?
@DesignPilot3 жыл бұрын
If your app is going to be on all devices, design with 640*360. If it’s only on iPhones, design with iPhone 8 or iPhone X frame. Maybe watch the video again
@infas75063 жыл бұрын
You are very good at teaching 💯👌. But am sad you ain't uploading these days.☹️
@amitsai3 жыл бұрын
Totally superb, great work
@yt.oladimeji4 жыл бұрын
Thank you for this. You explained very well.
@DesignPilot4 жыл бұрын
👍
@vickyli77524 жыл бұрын
This might be a really rookie question, but when you are designing for different devices, how can you successfully locate the status bars (and the notch for iPhone X) and adjust appropriate spacing for your designs?
@vickyli77524 жыл бұрын
Apart from this question, this video has been a complete lifesaver. THANK YOU 🔥
@DesignPilot4 жыл бұрын
For the status bar and home indicator, use the one from the Ui kit. It is designed to match the iPhone X
@DesignPilot4 жыл бұрын
Thanks ❤️
@vickyli77524 жыл бұрын
I find the ui kit quite confusing as you are only shown one size (iphone X) but not for iphone 8 or XS Max, so for instance there is no reference for iphone 8’s status bar
@DesignPilot4 жыл бұрын
You need download the respective UI KIT for the respective device
@MrMusic-ob2jj2 жыл бұрын
Superior .. thanks 🙏🏼
@PriyaSingh-zz8zj2 жыл бұрын
very well explained!
@mohammedelhadididi46123 жыл бұрын
This video has been a treasure , just amazing , thank you so much , a last question is about images I've got confused , what we need to export , an hd image or full hd image so the scalling won't affect them or anything else we must export ?
@DesignPilot3 жыл бұрын
Don’t export images from Figma. Share the original files itself with the developer
@mohammedelhadididi46123 жыл бұрын
@@DesignPilot It,s clear now , thanks again
@vineetkapil16463 жыл бұрын
This was really helpful!
@judahleslie Жыл бұрын
Hi Chethan, just one question when you present the diagram as square wouldn't be called pixel per square inch..so if there is 403ppi when you consider a square inch then no of pixels in that square inch would be calculated as 403^2 = 162409 pixel per sqr inch..is it not ?
@DesignPilot Жыл бұрын
The formula isn’t as simple as that. And I’m not sure how that calculation is made honestly. As designers that information is irrelevant anyway.
@vigneshyesvy88743 жыл бұрын
Very informative, thank you so much
@aktarali013 жыл бұрын
Thankkkk youuu soooooooo muchhh for this practical and amazing information🥰🥰
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@saiswarupmohanty94283 жыл бұрын
this is just amazing!
@MuratUsubaliev3 жыл бұрын
Very informative! Thx
@SanjeevKumar-mk1yv3 жыл бұрын
Awesome video, thanks brother
@mrajax_010111 ай бұрын
i hope we'll get updated video 😎
@lakshayk974 жыл бұрын
Amazing man! Really explained well.
@DesignPilot4 жыл бұрын
🔥
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@billal27312 жыл бұрын
Thanks man :)
@kurbankurbanov53512 жыл бұрын
GREAT VIDEO, i got a question couldnt find it in the comments… why cant i scale proportionally from iphone 8 to 8plus then align the the bottom? (Like from iphone8 edge to 8plus edge) and not do the extra stuffs??
@DesignPilot2 жыл бұрын
You should be able to ideally
@vaibhav50383 жыл бұрын
love the content, Chetan sir you the best ❤️️
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.
@NanchoArt4 жыл бұрын
pretty detailed. great stuff man :)
@DesignPilot4 жыл бұрын
Thanks
@shivammagarde3 жыл бұрын
kzfaq.info/get/bejne/jdiblbeazM6ahYk.html Please look at this if you like it.