Design Pilot

116,000 subscribers

⏱ 👁 29,623 views

Learning from Material Design and Human Interface Guidelines

Video Overview & Insights

🚀 Book 1:1 Tutoring Sessions with me and take your Product Design journey to the next level: https://www.learnproduct.design/sessions

“

Thank you 🙏

— @ainak7129

🚀 The Ultimate Guide to Become a Product Designer: https://learnproduct.design

🚀 Create an account on Mobbin for free:

“

Great video!

— @CD-jr8nv

https://mobbin.com/?referrer_workspace_id=84595d96-a462-44f4-a3d2-c34148889947

-------------------------------------------

“

Please make such videos to understand the use case and material design guidelines and apple guidelines in a better way

— @alishasaini_uiux

Mega Product Design Course for Beginners:

https://www.youtube.com/playlist?list=PLERed4ILxkJ1_kDOXCrEGmB58IsLOiIc3

“

Greattt

— @JayPatel-ou2ud

Webflow Course for Beginners:

https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8

“

Hey chethan, I have a question. Will the App Store reject/remove my app if I design the UI without following iOS guidelines? Can we design freely as per our choice for both OS?

— @xi_jinping-v5d

Photoshop Tutorials:

https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi

“

crazy, i was looking for this for sooo long!!! i have been reading hci guidelines from 3 months now and theyyyy are sppppp hude haha

— @mananahuja4656

Illustrator Tutorials:

https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1

“

Well explained !! thank you

— @vidhi5062

After Effects Tutorials:

https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk

“

Thanks! I was looking for a content like this ❤

— @talesofnatasha

UI Design Tutorials:

https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW

“

very usefull man. Learned a lot in this 20 minute. Worth my time Thanks a lot

— @achuprasad1817

Design Resources, Tools and Softwares:

https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9

“

So cool bro so cool🔥🔥

— @Mohammed.Baqir0

Adobe XD CC Tutorials:

https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv

“

great one! Thank you Chethan

— @artbygow1013

eSports Design Tutorials:

https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P

“

This video was crazy, you have cleared everything

— @VasuGautam-us8vy

--------------------------------------------------------------------------------------------

Contact me :

“

are you please share me a Human Interface Guidlines link

— @yashop7176

Portfolio: https://chethankvs.design

Twitter: https://twitter.com/kvschethan

“

Well Explained!!!!

— @azharhabeebmohameds7920

Instagram: https://instagram.com/design_pilot

Mail: designpilot21@gmail.com

“

why android material library website is not working?

— @archanastephenson1786

Behance: https://behance.net/chethankvs

Dribbble: https://dribbble.com/chethankvs

“

hello from your new subscriber!!!.. thanks for breaking it down.. very valuable and insightful😄

— @nikithasshenoy694

--------------------------------------------------------------------------------------------

LIKE, SHARE, COMMENT & SUBSCRIBE :)

“

FINALLY!! The video ive been looking for for 8 months

— @proera2484

More User Perspectives

Ha thats a modal, not an alert. An alert is a function inside a modal.

@UglyBeatsBeautiful

Bro youre literally the only indian alive thats offered absolutely killer fucking advice online or YT. This is actually a VERY wise way to learn pattern comprehension. Been designing for +20yrs and thought I'd seen it all, especially something seemingly so obvious. Its good advice, shit lol

@UglyBeatsBeautiful

Hey Chethan, I like your explanation. Really good. But one you thing you missed where swiggy and instagram stories had an alert specifically in those places. It is because, the previous page has an action at the bottom of the screen. If they placed your favorite action sheet at the bottom of the screen, there would have been a possible unintentional clicks. I hope you got what I meant.

@JackSolandras-sh5ek

such a crisp and detailed video. each and every video of yours amazes me, such high level insights you give and i get to learn from it for free. thank you so much for such amazing videos!!!!

@laxmi7028

amazing content! I learn something here. Thank you so much

@thaile6149

100% satisfaction learning something new thank you❤

@Nilavumnanum

good stuff

@psychurch

Thanks for explaining very well and in less time.❤️

@PaulBrownTown

Man I love you. You're so thorough. Respect! You earned my subscription.

@qzqx3047

make video about colors that material design tells

@tayyabsohail8823

Great content.. Are you using mobbin pro or free version?

@S_PVR

Thank you for the valuable content, as always. I have a question and a favor to ask. Q1) Is it considered best practice to use or customize native UI components instead of creating new UI elements? Many designers entering the field opt to use existing design systems, avoiding building UI elements from scratch. However, I haven't found any YouTube channels demonstrating how to import popular design systems into a local Figma file for screen design. I'd greatly appreciate a tutorial on importing and utilizing design systems. Even a single-screen demonstration would suffice. Notably, Apple Design Resources – iOS 17 and iPadOS 17 – are available in the Figma community. Using these resources to showcase the process would be fantastic, given your adeptness at explaining concepts. Understandably, you may be busy. (My usual approach involves opening the desired design system in Figma, duplicating, publishing the library, and dragging and dropping components from asset panels. Still, I often doubt if this is the correct procedure. Hence, I'm seeking clarity on the industry standard. Is this a common practice? Thank you.)🤓💯🙏

@djashawe88923

Really got to know new things ❤

@gatoismykitten

Can you please make videos on accessibility guidelines, it will be very helpful, Thanks for such great content

@Unnatidixit-d7m

This is amazing, could you keep going with this as series?🎉

@yesongkim5824

Man you are just lit🔥

@deepakpatidar4633

Any refereeal or discount code for Mobbin? Please?

@purvapc

Material design for you its showing different UI can you share the link for that website which you showing in video

@jonahimmanuel9678

Great content

@adilbek.ermekov

Very insightful. Thank you.

@rashikkenn8798

Thanks for the great video! Could you tell us what grid you prefer to use when you're designing according to the Human Interface Guidelines?

@Valentynaua

What are the things we take from material guidelines? If we use the guidelines on a website. Do we use material components for dashboard designs?

@ameen2502

Can we please have part 2 of this? And more...

@abhishekb5002

Insane work as usual

@asmahamad7255

Could you make a video on where you source your illustrations and icons from?

@DesignDen673

It's really awesome thank you so much Chetan. Looking forward to more videos

@tktamilt

It's really awesome tq 😊

@kokilavanik680

Badly need it thank you Chetan as always 💯 🔥

@tusharsadaf515

Make next video on how can we use "Galileo AI tool" for productivity which generates delightful UI designs from a text prompt in an instant.

@anbesivam6426

😱, Bro, Wow my goodness.
Just today, I thinking about refreshing on Material design and HIG, and at right time this video came.
as if telepathically you knew it.

Btw, really appreciate your effort. It helps a lot.

@another.designer

Love this!!

@JacquesvanWyk

Mind Blowing

@Usatalks8