表面和深度

Surface 包含内容。它们在用户的视野范围内提供清晰的焦点,其中可以包含内容或操作。

设计元素应锚定到帧的底部。

深度可营造舒适感和层次感

眼镜上的深度是指在 z 空间中的放置位置和阴影的组合,通过不同程度的强调来建立层次感。

设计元素应锚定到帧的底部。

使用 Surface 颜色变体来强调深度

使用 Surface 颜色变体(例如 Surface Container Low)可营造更具对比度的深度效果。 阴影需要完全不透明的黑色才能实现效果。

设计元素应锚定到帧的底部。

界面应始终保持透明,以便在大多数环境中最大限度地提高对比度。

请务必将混合模式设置为“屏幕”,以预览界面 surface 在透明显示屏上的显示效果。
设计时请使用正常混合模式,因为该模式无法提供逼真的效果。