A colored fill on this floating action button contrasts with the content on the surface behind it, making its surface edges and shape noticeable.


University of Michigan - Ann Arbor

Shape is made visible when surface edges have sufficient contrast against their background. By default, Material Design makes shapes noticeable by using shadows to display surfaces edges. Other methods to show surface edges and shapes can be used in combination with shadows, or on their own, such as color fills and opacity.

* Displaying shape: **Do**
* Displaying shape: **Don't**

Displaying shape

Material Design Documentation

Displaying shape: Do

A semi-transparent surface and white color makes it hard to see the edges and shape of this floating action button.


Learn Before

Related