Google’s Material Design – Explained

What is Material Design

Material Design was introduced this June in the Google I/O developer event and it will be adapted in the next Android version dubbed Android L along with all the other Google products. Read more to find out what it actually is.

So, Google wants Material Design everywhere in their ecosystem. In the near future you should see Material Design on all Google’s platforms like their web apps, iOS apps, Android apps, Chrome OS and so on. It’s their future design language and it defines the Google of tomorrow.

materialdesign-goals-landingimage_large_xhdpi

Material Design is real-life mixed with magic

The idea behind Material Design is to think of UI elements presented on the screen as some material that is present in the real world, such as paper. The difference is that the “paper” in Material Design can do some things that would be considered as magic in the real world. For instance objects can change their colour and size. However, this magical paper cannot suddenly disappear, because things like that would confuse users.

I would say that this digital matter of Material Design is a mix of different real life materials with it’s wide variety of qualities seen in actual matter.

Animations, animations, animations…

So, since the objects on the screen can’t just disappear, they will have to be animated to make them go off the screen and therefore animations really are a big part of Material Design. Google wants that all the animations happening on the screen look natural; they can’t stutter and things can’t “just happen”.

Of course some animations you see in the Material Design examples couldn’t happen if the UI elements were actual pieces of paper or any other matter, but in Material Design the UI elements have qualities of not just paper but other materials that could be found it the real world and that I think is makes everything look so natural.

The logic behind the animations in Material Design is that there are different layers of UI objects that one could say create a space inside an app. The different layers of UI objects have to move out of each others way when a certain one needs to be visible to the user.

Makes sense, right…? Right??

While it may be confusing at first, all this just starts to make sense when you think about it enough and it’s nice to see Google improve their design across their products, since in the past they’ve really been lacking in the design department of their products. Good job, in my opinion.

You can read (and most importantly see) more about Material Design on Google’s Material Design introduction site. Definitely check that page out to get a better image about everything I wrote about. Most of the examples there are short videos and I can’t embed them here so that’s why I there aren’t many pictures on this post. Sorry about that.

About next week

Comment if you’ve thoughts about the subject or would like to ask something, like the post if you enjoyed it and subscribe for more content.

Next week you’ll see an App of the day post about a weather app I discovered that actually inspired me to write this article and after that will come the NudeAudio Super-M review.

Advertisements

One thought on “Google’s Material Design – Explained

  1. Pingback: Nexus 6, Nexus 9 and Android 5.0 Lollipop released along with a small surprise | T D L

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s