
Explore gradient design in material design, including brightness-color gradients driven by light direction and hue-color gradients using two colors that work well together, plus scattered light for realism.
Explore scattered color and light, tint shadows with a percentage of the object's color for realism, and distinguish scattered color from glow in illuminated and emissive designs.
Compare saturated designs with plain ones and see how blue can enliven white or black backgrounds and text. Apply these ideas to craft calm interfaces or lively, interactive apps.
Material Design is more than just a visual style or a collection of UI kits. It’s built on a set of principles that help us create interfaces that look and feel clean, consistent, realistic, and professional.
In this course, we’ll break down these principles in a simple and practical way, starting with the fundamentals of Material Design and gradually moving into more advanced concepts.
You’ll learn how to work with light, color, shadows, depth, gradients, and the other principles we’ll explore throughout the course. You’ll understand how they work together to create a cohesive design. We’ll also explore the HSB color system, different types of gradients, and less commonly discussed concepts such as borders, Depth Effect, and Scattered Color.
You’ll also learn how to apply these principles to Dark Mode, from choosing the right backgrounds and colors to maintaining proper contrast, lighting, depth, and visual hierarchy while keeping your designs cohesive and visually balanced.
By the end of the course, you’ll be able to apply everything you’ve learned to create polished designs and, more importantly, understand the reasoning behind the design decisions you make.
Whether you’re new to Material Design or looking to strengthen your UI design fundamentals, this course will give you a solid foundation and practical knowledge that you can apply to your own projects.