Introduction to Material 3 (Color Theming, Typography, Shapes)

Material 3 is the new standard for Android UIs. It replaces Material 2 and has some new awesome features like dynamic colors. In this video you'll learn what you need to know to start using it in your own app.
Here's the color picker:
a.atmos.washington.edu/~ovens...
⭐ Get certificates for your future job
⭐ Save countless hours of time
⭐ 100% money back guarantee for 30 days
⭐ Become a professional Android developer now:
pl-coding.com/premium-courses...
💻 Let me personally review your code and provide individual feedback, so it won't backfire and cost you a fortune in future:
elopage.com/s/philipplackner/...
Subscribe to my FREE newsletter for regular Android, Kotlin & Architecture advice!
pl-coding.com/newsletter
Join this channel to get access to perks:
/ @philipplackner
Join my Discord server:
/ discord
Regular programming advice on my Instagram page: / _philipplackner_
Checkout my GitHub: github.com/philipplackner
You like my free content? Here you can buy me a coffee:
www.buymeacoffee.com/philippl...

Пікірлер: 49

  • @furkanakcakaya9443
    @furkanakcakaya94432 жыл бұрын

    You made me a person who watches Android related content while eating. Thanks for the high quality-easy to understand and fun to watch content.

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Don't forget to code though Glad you enjoy it mate!

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

    Love how you explain this, straight to the point, no bullshit

  • @thomaswaldorf2829
    @thomaswaldorf28292 жыл бұрын

    This topic has been very fun to research. Thank you for the help!

  • @hasanforaty1536
    @hasanforaty15362 жыл бұрын

    Amazing as always, can't wait for implementation video

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

    Thanks, dude! I learned something new. Really liking the new Material 3.

  • @musfickjamil2831
    @musfickjamil28312 жыл бұрын

    I was waiting for this. Take love Phillip

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    You're welcome!

  • @mnouman6736
    @mnouman67362 жыл бұрын

    thanks mate, waiting for the next update on this Material 3.

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

    Thanks for sharing this overview. I was wondering why they have only defined one semantic color for error... What would be your approach to specify success, warning, info or other system states? Replicating the Error / on Error structure?

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

    Hi, I know it's a bit late but the color pallete in Material Design 3 is kinda odd, I checked it using HSL, In each of their tonal palletes there are big changes in hue, saturation, and lightness. They are not just changing the tones, could you explain why.

  • @CharfaouiYounes
    @CharfaouiYounes2 жыл бұрын

    Thanks for your high quality Android tutorials brother ❤️

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Glad you like them!

  • @ilyasoztrk

    @ilyasoztrk

    2 жыл бұрын

    I love the content that both of you make thank you for that.

  • @bobbyesp1100
    @bobbyesp11002 жыл бұрын

    OMG Thanks a lot Philipp, you're awesome men! Thanks for this video!

  • @anudeepananth
    @anudeepananth2 жыл бұрын

    How do we change the status bar colour in material 3 ? the accompanist library isn't great when we use a light theme but use a dark theme explicitly in certain composable like a photo view composable...

  • @mosaiebangashteh9820
    @mosaiebangashteh98202 жыл бұрын

    Nice, thanks philip

  • @ctcat4950
    @ctcat49502 жыл бұрын

    Material 3 components looks nice!

  • @MrDebranjandutta
    @MrDebranjandutta2 жыл бұрын

    Can we use these techniques on Kotlin JS for building web apps?

  • @shubhoooom
    @shubhoooom2 жыл бұрын

    Thanks for explaining it this well 👍♥️

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Glad it was helpful!

  • @OlegGolubev_yolo
    @OlegGolubev_yolo2 жыл бұрын

    Exactly when it needed :P

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

    First of all great tutorial second, what emulator you're running this app on ?

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

    i'd love to understand more about the colors shown at 7:42. I've generated a similar palette using the mat3 figma plugin in, only my source color is a pastel yellow. However, if you use yellow, your primary 60-90 are pretty unusable. They become that ugly brownish-yellow. In serach for answers, I stumbled across another color tool in the material 3 handbook. This one adjusts hue's to compensate for this, so instead of brownish-yellow, you get more orange-yellow. I guess my question is which color set is "true" according to material 3; or if both how would you go about incorporating the latter hue set into a mix of the first type (for your secondary, tertiary, etc).

  • @rvb6516

    @rvb6516

    Жыл бұрын

    Have you figured it out @weeyz ?

  • @CheyziEdits
    @CheyziEdits2 жыл бұрын

    I actually wanted to ask you on Instagram if you can do a video about this, thank you! Perfect for lunch time

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

    Does material 3 work on old android version like Android 4.0-5.0 (14-21 API) ?

  • @Hrit
    @Hrit2 жыл бұрын

    Really enjoyed watching this. MD3 is so far the best looking scheme for me.

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

    Instead of watching news, I now watch Philipp Lackner's Android programming videos 😂

  • @mattgraves3709
    @mattgraves37092 жыл бұрын

    Nice, thanks Philip

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    Welcome!

  • @theophilus494
    @theophilus4942 жыл бұрын

    thank you for the updates..

  • @PhilippLackner

    @PhilippLackner

    2 жыл бұрын

    No worries

  • @osmanmusse9432
    @osmanmusse94322 жыл бұрын

    Liked before watching

  • @tanishqchawda1725
    @tanishqchawda17252 жыл бұрын

    Thankyou for this vidoe....show i wanted some videos on folding smartphone ui tutorials can you please that

  • @jamieb915
    @jamieb9152 жыл бұрын

    Would be great if the Android site had a colour brightness generator to negate the need for use a third party website

  • @letscoding3421
    @letscoding34212 жыл бұрын

    It's cool!!

  • @FreedivingTrainer
    @FreedivingTrainer2 жыл бұрын

    Already use Material3 in production, pretty nice. Moreover you can use material1 in the same time for missing components

  • @weezyf775

    @weezyf775

    Жыл бұрын

    what i've learned is you can do whatever you want; except when you can't.

  • @alaizajefferson2420
    @alaizajefferson24202 жыл бұрын

    🔥

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

    So "primary" will actually serve as the primary container while the "primary container" is really the "secondary/primary variant container" ???

  • @kingmarwat
    @kingmarwat2 жыл бұрын

    wow

  • @tacozzitv7640
    @tacozzitv76402 жыл бұрын

    Hi phillip, ive been making an nft app in android studio and im struggling with the xml layout designs. Can you please make a video on an nft marketplace ui design?

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

    like

  • @missinglink2416
    @missinglink24163 ай бұрын

    too much theory.. not for beginners

  • @hossamqandel5303
    @hossamqandel53032 жыл бұрын

    I hate compose 😖

  • @attiaaliattia
    @attiaaliattia2 жыл бұрын

    Dear Philipp I have contacted you on instagram