Everything you need to Know about Material Design 3
🏆 My Online Courses
stevdza-san.com
☕ Buy me a Coffee
ko-fi.com/stevdza_san
📝Medium
/ stevdza-san
💻 Github
github.com/stevdza-san
📸 Instagram
/ stevdza_san
💎 Become a Premium Member
/ @stevdzasan
In this video I'm going to teach you everything you need to know about Material Design 3, the main differences between v2 and v3. Important changes, updates, colors, typography, elevation, shapes, components etc.
Let me know in the comment section down below if you would like to see more videos about Material 3 and Jetpack Compose! Enjoy! :)
🌟Figma Course: stevdza-san.com/p/one-and-onl...
🌟Figma Course (Udemy): www.udemy.com/course/one-only...
⌚Timestamps
0:00 - Introduction
1:05 - Colors
7:35 - Template in Android Studio
10:19 - Theme Builder
14:23 - Typography
16:39 - Shapes
17:51 - Elevation
21:46 - Components & UI Kit in Figma
Пікірлер: 53
Ow man! I was overwhelmed when checking the Material Design website, but after watching your video, everything is clearer!! I can't thank you enough
Great content! You are my favourite Android instructor in spoken english. Thanks a lot!
It looks awesome and so much customisations we can make apps really beautiful with this
Thank you sir. Very informative!
Great video, concise and helpful. Thanks for your work!
@StevdzaSan
Жыл бұрын
You're welcome 😊
Great job!
Thank you so much for this! ^_^
Thank you sir. Your video helped me a lot.
great content, thank you
Thank you 🧡
Well explained
Your videos are realy good!
Thank you brother nice video
Your channel is my go to for learning Android devt thank u
Thank-uh-you
I love the future !
Helpful video, thanks a lot! Jetpack Compose now supports variable fonts. Although this is still an experimental feature, could you make a video on how to use it?
@StevdzaSan
Жыл бұрын
I'll think about it 🤔
@Stevdza San - would you consider making a video about bottom navigation bar with animated icons? I know this is out of this video's topic but there isn't much online about it.
@StevdzaSan
Жыл бұрын
Will take a note.
@mikec4220
Жыл бұрын
@@StevdzaSan thank you! Just bought you a coffee :)
@StevdzaSan
Жыл бұрын
@@mikec4220 Thanks bro, really appreciate it 🙏 😊
Thanks for your great videos ! Question: Is there a minimum SDK needed to run on the target device, to support Material Design 3 ?
@random_person618
5 ай бұрын
No! Material 3 works on even versions of Android as old as Android 5.1 (SDK 22)
Can you please add this module in the Udemy course for Figma you have?
Amazing content, thanks for this update!! I just got one question though, does this material Design 3 only work for Jetpack compose projects?
@StevdzaSan
Жыл бұрын
It's a Design System created for various different applications. It's not tied to Compose, because Compose is just a UI framework.
@ugwutakingsley1671
Жыл бұрын
@@StevdzaSan Thanks I appreciate the feedback
Plz make a video on what are the ways by which we can reduce the size of aur app plz give generalized solution which works for both java and kotlio projects
Great explanation brother !! I have one question in my mind if you can help me with that. Let's suppose my app's brand color is red i.e #FF0000 so I put that code in primary block of color tool. now while generating theme files I have entire color scheme but it is not containing my brand color in any of the key instead it is generating some relevant color as my primary color for app. what do i need to get exact color in my brand color ?
could u pls let me know which version of android studio are u working on , cause i am using iguana and cant find the material 3 template
The thing that is hard for me to wrap my head around regarding colors in m3 is that the source color and custom colors you provide never show up in the color palette itself. Obviously they are used to calculate the different variations for containers and so on but the exact color is never in the palette. That's frustrating for me if I want to have a specific color in my app.
Is it easy to update material 2 web to material 3 web? and later, when material 4 arrives.
I am getting these compile errors inside the theme file can't find 'surfaceTint', 'outlineVariant', 'scrim'
6:34 you say that elevation doesn't have shadow but suraface 3 and 5 obviously have significant shadow
Material 3 navigation drawer please bro 🤗🤗🤗
I have a doubt like is material 3 for ui/ux designers or android app developers? I heard that designing the screens on figma and then export the code through flutter plug-in? Is that how it works? Can we create an app this way?
@StevdzaSan
Жыл бұрын
Both Designers and Developers should be familiar with that design system.
I remember struggling to match the color of the bottom navigation view and navigation bar for an hour without checking the documentation 🤦♂
@hellotubers5165
Ай бұрын
How is done bro. I'm stuck here
@hellotubers5165
Ай бұрын
How is done bro. I'm stuck here
@jonathancormack
Ай бұрын
@@hellotubers5165read the documentation
I want to use the material 3 template in android studio with Java (not kotlin), is that possible?
@StevdzaSan
Жыл бұрын
Not sure about that, I'm no longer using Java. You should switch to Kotlin instead, it's better ✅️
@feuerherz007
Жыл бұрын
@@StevdzaSan java4life :(
i cant fully understand nor use material3 on my project, should i learn material 2 first even though im studying compose already?
@StevdzaSan
2 ай бұрын
Nope, just use material3, your good.
Is Material 3 Support With Java Language?
@alekseikuklov8609
Жыл бұрын
material has nothng to do with programming lanuage
@itsronark7471
Жыл бұрын
😂😂😂
SCHEMAAAAAH
it sucks royally!