表面和深度

作为内容的承载面,Surface 会在用户视野中提供清晰的焦点,其中可呈现内容或操作。

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

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

眼镜上呈现的深度由 z 轴空间中的放置位置与阴影共同构成,通过不同程度的视觉突出来建立层次感。

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

使用 Surface 颜色变体来强化深度感

使用 Surface Container Low 等 Surface 颜色变体,可营造更具对比度的深度效果。阴影需使用完全不透明的黑色,才能达到预期效果。

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

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

请将混合模式设置为“滤色”,以预览界面 Surface 在透明显示屏上的呈现效果。
请避免在设计时使用“正常”混合模式,因为该模式无法呈现真实效果