Skip to content

海拔

不是每个层级都需要阴影,而是仅在需要采用

改变海拔

组件可以根据用户的交互或系统事件改变海拔(本例中通过添加阴影来实现)

形成海拔

1 是不同颜色,2 是阴影,3 是蒙层(文章里叫 scrim)

阴影

阴影的大小、柔和度或扩散程度能表示两个平面之间的距离程度。

image

左图更小、更清晰的阴影表示和背景非常接近;右图更大、更柔和的阴影表示距离很远。

何时使用阴影?

当背景有图案或视觉上很复杂时,简单的分隔线无法提供界限,此时就能用阴影。

蒙层

蒙层的颜色使用scrim color role,不透明度为 32%。