Learning from Material Design and Human Interface Guidelines

Фильм және анимация

🚀 Get 2 free months on Skillshare Premium & watch my Course for free:
skl.sh/2TVhf8z
🚀 The Ultimate Guide to Become a Product Designer: learnproduct.design
🚀 Create an account on Mobbin for free:
mobbin.com/?referrer_workspac...
--------------------------------------­---
Mega Product Design Course for Beginners:
• The Mega Product Desig...
Webflow Course for Beginners:
• Webflow Course for Beg...
Photoshop Tutorials:
• Photoshop CC Tutorials
Illustrator Tutorials:
• Illustrator CC Tutorials
After Effects Tutorials:
• After Effects CC Tutor...
UI Design Tutorials:
• UI Animation/Interacti...
Design Resources, Tools and Softwares:
• Design Resources, Tool...
Adobe XD CC Tutorials:
• Adobe XD CC Tutorials
eSports Design Tutorials:
• eSports Design Tutorials
--------------------------------------------------------------------------------------------
Contact me :
Portfolio: chethankvs.design
Twitter: / kvschethan
Instagram: / design_pilot
Mail: designpilot21@gmail.com
Behance: behance.net/chethankvs
Dribbble: dribbble.com/chethankvs
--------------------------------------------------------------------------------------------
LIKE, SHARE, COMMENT & SUBSCRIBE :)

Пікірлер: 50

  • @maskedvillainai
    @maskedvillainai3 ай бұрын

    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

  • @proera2484
    @proera248412 күн бұрын

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

  • @qzqx3047
    @qzqx304710 ай бұрын

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

  • @laxmi7028
    @laxmi70284 ай бұрын

    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!!!!

  • @yesongkim5824
    @yesongkim5824 Жыл бұрын

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

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    You can checkout my free playlist on KZread called Mega Product Design Course for Beginners. Or get access to my guide learnproduct.design

  • @tusharsadaf515
    @tusharsadaf515 Жыл бұрын

    Badly need it thank you Chetan as always 💯 🔥

  • @UCCANANDHAKUMARV
    @UCCANANDHAKUMARV7 ай бұрын

    100% satisfaction learning something new thank you❤

  • @asmahamad7255
    @asmahamad7255 Жыл бұрын

    Insane work as usual

  • @indcreation9649
    @indcreation9649 Жыл бұрын

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

  • @PaulBrownTown
    @PaulBrownTown9 ай бұрын

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

  • @thaile6149
    @thaile61496 ай бұрын

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

  • @another.designer
    @another.designer Жыл бұрын

    😱, 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.

  • @rashikkenn8798
    @rashikkenn8798 Жыл бұрын

    Very insightful. Thank you.

  • @JacquesvanWyk
    @JacquesvanWyk Жыл бұрын

    Love this!!

  • @AmjadKhan-rz6nu
    @AmjadKhan-rz6nu Жыл бұрын

    Mind Blowing

  • @gatoismykitten
    @gatoismykitten Жыл бұрын

    Really got to know new things ❤

  • @kokilavanik680
    @kokilavanik680 Жыл бұрын

    It's really awesome tq 😊

  • @adilbek.ermekov
    @adilbek.ermekov Жыл бұрын

    Great content

  • @JackSolandras-sh5ek
    @JackSolandras-sh5ek4 ай бұрын

    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.

  • @DesignDen673
    @DesignDen673 Жыл бұрын

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

  • @deepakpatidar4633
    @deepakpatidar4633 Жыл бұрын

    Man you are just lit🔥

  • @Valentynaua
    @Valentynaua Жыл бұрын

    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?

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    You don’t have to follow any grids when designing mobile apps. Just make sure you have a minimum padding of 16px on either sides of the screen.

  • @psychurch
    @psychurch7 ай бұрын

    good stuff

  • @user-gm9hy9rc9g
    @user-gm9hy9rc9g Жыл бұрын

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

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    What sort of accessibility guidelines? I have a video on contrast ratio on my channel. kzread.info/dash/bejne/n6RlssiFY9DFmKw.html

  • @anbesivam6426
    @anbesivam6426 Жыл бұрын

    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.

  • @swapnilpawar1534

    @swapnilpawar1534

    Жыл бұрын

    It's yet to launch and it'll be the same as chatGPT, just it'll create UI designs as per your prompt

  • @Karim-wd2je
    @Karim-wd2je Жыл бұрын

    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?

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    These guidelines are trypically not for websites. But you can still use Color, spacing, grid and typography guidelines for web. Web components are very different compared to many app components. So it’s best to use web patterns for websites

  • @abhishekb5002
    @abhishekb5002 Жыл бұрын

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

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    My guide has more content

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    What would you like to learn?

  • @abhishekb5002

    @abhishekb5002

    Жыл бұрын

    @@DesignPilot For ex. Data representation. When to use what kind of charts/graphs, best practices according to guidelines.

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    That’s a rather compiled topic and has nothing to do with material design. I’ll think about a good way to teach that in the future maybe. But I think learning from existing products is the best way to understand when to use what charts

  • @abhishekb5002

    @abhishekb5002

    Жыл бұрын

    @@DesignPilot thank you for the response 🙏🏼

  • @ShobiPVR
    @ShobiPVR11 ай бұрын

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

  • @DesignPilot

    @DesignPilot

    11 ай бұрын

    Pro

  • @tayyabsohail8823
    @tayyabsohail882311 ай бұрын

    make video about colors that material design tells

  • @DesignPilot

    @DesignPilot

    11 ай бұрын

    I’ve covered that in my course

  • @purvapc
    @purvapc Жыл бұрын

    Any refereeal or discount code for Mobbin? Please?

  • @jonahimmanuel9678
    @jonahimmanuel9678 Жыл бұрын

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

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    Material.io

  • @djashawe88923
    @djashawe88923 Жыл бұрын

    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 KZread 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.)🤓💯🙏

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    1. There are design system UI kits available online. A lot of immature and small companies use this because they can’t afford designers or their designers aren’t good. It’s absolutely okay to use them. But then good designers want to create things in their own and not copy something else. 2. Native elements are things that are related to the OS and phone. For even a date picker, action sheet, status bar, alert, these things have been created by Apple and Google. You can choose to create your own custom date picker for example, but it’s 1000x easier to use what the OS already provides. But the drawback is that it may not match your brand, so designers have to take a call here. 3. Yes, you’re method of duplicating and publishing is correct

  • @djashawe88923

    @djashawe88923

    Жыл бұрын

    @@DesignPilot Thank you sooooo much for your prompt and thorough answers. When working on case studies, do you recommend designing everything from scratch or adopting a mix-and-match approach? For example, using or customizing components from popular design systems like Google's Material Design and Apple's Human Interface Guidelines for certain elements, while also creating custom UI elements like cards and carousels. Your insights on this would be greatly appreciated. Thank you!

  • @DesignPilot

    @DesignPilot

    Жыл бұрын

    Try to pick up native components like alerts, date pickers etc from these design systems. Rest make all on your own

  • @djashawe88923

    @djashawe88923

    Жыл бұрын

    @@DesignPilot Thank you soooo much! For beginners like me, these details are truly valuable. Your time and advice are greatly appreciated.

  • @maskedvillainai
    @maskedvillainai3 ай бұрын

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

Келесі