This question already has an answer here:

I was reading through Google's material design spec on the topic of elevation and shadows (under the Shadows section), and it seems the button states are backwards.

It shows the pressed state with a deeper shadow indicating that it has a higher elevation, but if I'm pressing a button, shouldn't it have a lower elevation?

marked as duplicate by plainclothes, Devin, nightning, Graham Herrli, Mayo Nov 27 '15 at 14:39

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

  • Interesting! The faded disabled color makes sense, but I see what you mean with the raised look as opposed to a pushed look. – d-_-b Nov 25 '15 at 20:35

Interesting. I'm also reading Google Material Design right now.

Anyway, I think there is another discussion with the same issue you are wondering, and Evil Closet Monkey has a really good answer about this. Take a look at his answer to see if it has cleared your question.

  • Awesome link. It also contains links to other answers addressing the same thing. I tend to agree with the first comment on the answer you linked to: I disagree with Google's decision on this. It seems that the default for a button would be raised so that when pressed the button could drop. – gregsdennis Nov 26 '15 at 3:54
  • Then, it would go against the concept of the material design about paper. If the default for a button was raised just so it could drop on press, it would become kind of like 'floating', don't you think? A piece of paper cannot float on another piece of paper in real life. It's resting upon it, so the only way for it to go is up. I agree that it's odd. I also couldn't understand the concept at first. – Judy Chen Nov 26 '15 at 8:37

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