What has changed in Material Design in 2017

Time flies. It feels like just yesterday it was January, and now we are already in December. Have you had the time this year to track the changes in Material Design? Let’s catch up in 4 minutes!

What has changed in Material Design in 2017?

The Short Answer

  1. Offline states
  2. Notification channels
  3. The icon framework
  4. Settings
  5. Guidance on the color system
  6. The Color Tool
  7. Text field boxes

The Long Answer

You can find the links at the end of this text.

1. Offline states

I’m happy that Google pays attention to offline states and suggests how to make them not bad.

Offline is difficult (those lie-fi networks…). Offline support is not considered a feature worthy of attention by most teams. In many projects, offline mode is a completely overlooked element. The new section in the Material Design guidelines offers a chance to improve this situation.

Let’s make the offline states new empty states!

2. Notification channels

Starting with the Android O, if a user doesn’t want a certain type of notification from your app, they can block that channel rather than all notifications.

Also, you can link the channel settings screen to your app’s settings.

3. The icon framework

How it looks now, in 3 GIFs:

4. Settings

Divider lines, optional section tiles, and what to do when you have 15+ settings. Details on the page linked at the end of this text.

5. Guidance on the color system

Friendly reminder: Using colors from the Material Design palette is optional.

The secondary color should not be a light or dark variation of your primary color.

Using a secondary color is optional. It’s not necessary if you use variations of your primary color to accent elements.


6. The Color Tool

Now you can:

  • create color palettes (duh :)
  • share them easily with your clients and team
  • test their accessibility without leaving the tool
  • use custom colors (you’re not limited to the material palette)
  • preview your color palettes on 6 user interfaces

7. Text field boxes

This change in Material Design disturbed me.

As soon as Google showed Material Design, I wondered if people would have problems with the identifiability of text fields. By adding text fields boxes in 2017, Google confirmed my concern.

Also, the text box area looks weird.

I’d love to see text field boxes revisited in 2018.


I hope I alleviated your fear of missing out. Have a great, peaceful December and a happy New Year!



All examples of the documentation of Material Design are licensed under the Apache 2 license.