Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:16Length:1.5 hours
Take the Quiz
How well do you know Material Design? Test your knowledge in our quiz: How Well Do You Know Material Design?

Next lesson playing in 5 seconds

Cancel

Free Preview: Getting to Know Material Design

Welcome

00:28
  • Overview
  • Transcript

This course will introduce you to Material Design, Google’s widely discussed visual language. You’ll learn the definition of material, its properties, and the basic principles of the language.

In later lessons, you’ll design a very simple application using Material Design, and to finish up the course you’ll find a quiz to test what you’ve learned.

Learn how to build the app you create in our Code course: Build a Material Design App.

1. Introduction

1.1 Welcome

This course will introduce you to Material Design, the new visual language from Google. You'll learn the definition of material, its properties, and the basic principles of the language. In the end, you'll design a very simple application using Material Design. This will give you a hands on approach so you can see how to use the various components while respecting the language guidelines. I'm Adi Purdila, welcome to getting to know Material Design.

2. About Material Design

2.1 What Is Material Design?

What is Material Design? This is the question that you will ask yourself when you hear about this. Well, Material Design is a visual design language created by the folks at Google. And they did this to kind of unify their product line under a single set of design principles and style. Now, why did they do that? Well, consistency is key, and a couple of years ago pretty much all the Google products looked different on different platforms and had a lot of inconsistencies between these platforms. So as of 2011 Google started working on something called Project Candy. Which ultimately led to Material Design as we know it today. Material design itself started with the release of Android 5, code name lollipop. This OS had a more radical design than previous versions but It wasn't just colors and typography. The new language also introduced new principles regarding layout and animation. Now, if you have a Nexus phone or a tablet, and you've upgraded to the latest version of the OS, then you already know how material design looks like. You can get it on some other phones as well, like Motorola, you can get it on Samsung. But usually those have a skin on top, like the Samsung TouchWiz, but the functionality remains the same. Now if you look at the Google products, you're gonna see a high degree of familiarity. Because pretty much all they have right now from YouTube, from Google Drive, from Docs, Maps even, they all look or they all use the same principles and the same elements. Now Google also created this language so that developers can more easily create apps for Android or Chrome OS. And this is a good thing because the developers will spend less time designing things and focus more on the app itself basically. And by doing this you get an app that resembles all the other apps in the ecosystem, if you want to call it like that. And that's always a good thing for the user, it creates a much better experience. For example, this app called Simplenote does a great job of using material design to integrate it nicely. Some other examples here the quick SMS app or the QK SMS app and the new mix calculator pro. Both of these use the principles of material design and that's a quick introduction to material design Now, in order to understand it better. You need to understand the material itself, so we'll talk about that in the next lesson.