Everything you need to Know about Material Design 3

Подписаться 84 тыс.

Просмотров 85 тыс.

50% 1

🏆 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

Опубликовано:

2 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 53

@Deboniako 11 месяцев назад

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

@janrax78 Год назад

Great content! You are my favourite Android instructor in spoken english. Thanks a lot!

@quantumgaming7 Год назад

It looks awesome and so much customisations we can make apps really beautiful with this

@thomaswaldorf2829 Год назад

Thank you sir. Very informative!

@scopulih8658 Год назад

Great video, concise and helpful. Thanks for your work!

@StevdzaSan Год назад

You're welcome 😊

@derrickdouglass Год назад

Great job!

@OnlineEntrepreneurTools Год назад

Thank you so much for this! ^_^

@Taher_M 3 месяца назад

Thank you sir. Your video helped me a lot.

@ch1pkavarenychenko84 Год назад

great content, thank you

@rma1563 Год назад

Thank you 🧡

@Hazara_boy Год назад

Well explained

@marekzet482 Год назад

Your videos are realy good!

@thomanani6826 Год назад

Thank you brother nice video

@leonorjohnberlinv.5750 6 месяцев назад

Your channel is my go to for learning Android devt thank u

@PavloBohdan Месяц назад

Thank-uh-you

@jabrane1564 Год назад

I love the future !

@siarheisudakou4455 Год назад

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 🤔

@mikec4220 Год назад

@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 🙏 😊

@archiebombotar Год назад

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)

@PankajNikam Год назад

Can you please add this module in the Udemy course for Figma you have?

@ugwutakingsley1671 Год назад

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

@purveshshah4843 Год назад

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

@HarshPatel-ky5vk 2 месяца назад

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 ?

@777-tanvigarnayak7 2 месяца назад

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

@DevMarco- 4 месяца назад

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.

@user-hq4gw7gk4c Год назад

Is it easy to update material 2 web to material 3 web? and later, when material 4 arrives.

@randy4443 Год назад

I am getting these compile errors inside the theme file can't find 'surfaceTint', 'outlineVariant', 'scrim'

@alekseikuklov8609 Год назад

6:34 you say that elevation doesn't have shadow but suraface 3 and 5 obviously have significant shadow

@BashPSK Год назад

Material 3 navigation drawer please bro 🤗🤗🤗

@Karim-wd2je Год назад

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.