At first glance it is much easier to understand

Twotype222

This gets rid of the baroque that realism offered, turning into flat backgrounds, which even acting as a shadow, remind us of the flat. Animations however, perhaps the main difference with flat design is the use of animations. Not everything is static anymore, now there are floating buttons in which we can see both different speeds and directions of appearance. Pros by including a new dimension, it is easier for the user to understand the hierarchy. By having standards for almost all the details it is easily usable regardless of the device we are designing . Animations are a strong point to use to extrapolate to other points in the design.


Cons as we started by saying in this article, material design is a philippines photo editor google invention, so it is intrinsically linked to it . If we follow its guidelines, we can fall into the fact that our website or application looks too much like google's design. As the guidelines are so clearly marked, we cannot use creativity as much . The animations clearly make a higher battery consumption  conclusions as you have been able to observe , both have many points in common . We put aside realism and go towards a cleaner and simpler design, which increases functionality and usability. At first I wasn't convinced by material design, in most cases I don't find effects or animations necessary and I think they could be simplified even more.



However I understand that some cases like shadows hierarchize the elements and make navigation easier. Personally , I would advocate a mixture of the two , in which we take the improvements that material design can bring to the flat. If you are not convinced by animations and you are not going to use them in your design, the normal thing is that you are closer to a flat design. If, on the other hand, you would like to include them, you must include the material. In general, I stick with flat, in fact the first time I used material design, I thought "It was like flat but making it a bit more complicated "  when you use it you see that there are some elements that improve usability and allow us options that the flat did not have, but still carrefour history-logo-carrefour.