界面底板与层次

界面底板用于承载内容或操作,在用户视野中形成清楚的视觉焦点。

界面底板与深度层次示意图

用深度建立舒适感与层次

眼镜界面的深度感由纵深方向(Z 轴)上的位置与阴影共同构成,通过不同程度的视觉强调建立层次。

不同底板颜色形成深度层次

用底板颜色变体强调深度

使用 Surface Container Low 等底板颜色变体,通过更明显的对比强化深度感。阴影需要设为完全不透明的黑色,才能达到这一效果。

透明界面底板示意图

界面底板应始终保持透明,以便在大多数环境中获得尽可能高的对比度。

使用滤色混合模式预览透视显示

建议:使用滤色混合模式预览

务必将混合模式设为 Screen(滤色),预览界面底板在透明显示屏上的呈现效果。

使用正常混合模式的反例

避免:用正常混合模式判断效果

设计时不要使用 Normal(正常)混合模式,因为它无法呈现真实的视觉观感。