I checked on google's design site, but couldn't find a comprehensive spec on this. There are only goals, principals and guidelines. In fact, in most websites I had searched there are only do's of material design, there are no don'ts.

That got me thinking about

  • how do I know what is missing from my site for it be certified as an app on material design?

  • how do I know that my app is not already on material design?

Someone told me that UX team these days put material design as their top priority and mandate that all websites should be on material design before it even come for review to them. So, I want to understand clearly when is an app not on material design.

  • ux teams most definitely do NOT make material design a priority. It's an option, but not in anyway better or worse than a multitude of other options. As for 'material design certification' I don't know who would do that or what value that would even bring to the users of your site. – DA01 Dec 28 '15 at 23:18
  • thanks @DA01. I am not looking for an external certification rather want to understand 'don'ts of material design' myself. – gurvinder372 Dec 29 '15 at 4:40
  • Please leave a comment/reason for downvotes. – gurvinder372 Dec 29 '15 at 4:40
  • I didn't downvote, but it look like people are thinking this is just too broad. I tend to agree. There really aren't a list of "don'ts" for Material Design. It's just a set of guidelines that you should be free to use as you see fit. – DA01 Dec 29 '15 at 4:42
  • @DA01 In that case There are no specs and don'ts of material design is also an acceptable reply. But how do I know that my app is already not on material design. And if not, then what is missing from it? I don't think this is too broad a question. Someone who knows material design should also know what is not a material design, and should be able to tell why. If it is too broad, can you help me in making it less broad? Thanks – gurvinder372 Dec 29 '15 at 4:56

This question is a bit hard to answer. I actually don't know if there is certification on material design, if you can share this information, that will be great.

I had chance yo attended google launchpad day couple weeks ago, this is what I takeaway;

Material design is a "paper" foundation with make sense motions. It should act as paper as in physical world. Ex: if you take 2 piece of papers and lay one to the other, you should see very lightly shadow and the depth should calculate as such, if you increase the distance between 2 papers. Since its paper concept, you should expect lots of negative spaces.

Motion is whats fun in material design, motion should make sense too, a btn trigger to enlarge a window from right hand bottom then when the window is set to close, it should shirk down the way it get enlarge but reversely.

You should check google codeslab.io , they have some solid resource to let u play with material design, else read google design guide inside out like me. :)

Hope these help.

| improve this answer | |
  • Thanks Chia_tea, appreciate your inputs. But I think I will have to close this question since it is perceived as too broad by experts on this site. – gurvinder372 Dec 29 '15 at 5:40
  • Fair enough and I agree as well. – Chia_Tea Dec 29 '15 at 6:24

This blog by dreamweaver team suggest that difference between material design and flat design (older approach) is the introduction of z-axis.

Material design may be aesthetically flat, specifically the colors, but it is multi-dimensional: it takes the Z-axis into consideration.

Also as per google's guidelines a material is always suppose to have a uniform thickness of 1dp

Material has varying x & y dimensions (measured in dp) and a uniform thickness (1dp).

Promotes motion in design … which means that you have to implement it in order to make your creation true material design.

Interaction with material should be registered and trigger a subtle change in the state of material such as pressing of button, focus on a textbox, etc. So, if your button doesn't changes its state on being pressed then you are probably still on the earlier flat design approach.

As per a quote on wikipedia page by Martias Duarte (Google's Director of Android User Experience),

Material has physical surfaces and edges. Seams and shadows provide meaning about what you can touch.

Google implemented material design in gmail app by removing unnecessary borders and lines (some of them are reduced only to a portion of the screen), and there is less information shown to make it cleaner.

| improve this answer | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.