阴影
阴影用来塑造空间层级关系，从而使用户更好地理解其结构与内容。此外，阴影也能提升界面的品质感。
界面层级
阴影可以用来描绘界面元素之间的相对高度。我们将界面元素的相对高度（Z 轴位置）由下至上定义为 5 个层级：底层背景、界面元素、小阴影 （S1）、中阴影（S2）、大阴影（S3 ）。
阴影类型
S1：小投影
主要应用于小模块以及一些小的元素之中，例如输入框的激活状态。
S2：中投影
主要应用于一些较大模块以及激活中需要进行操作的元素，例如下拉选项框、气泡提示、拖拽排序等。
S3：大投影
主要应用于一些需要注意的大模块，例如页面中的轻提示、通知提醒框。
阴影应用
通过细小的光与影的变化为页面提供阴影，通过边缘的着色与至上而下的光源来突出纵深感。
错误示范：多种阴影叠加
错误示范：多个形态组合后使用阴影
错误示范：修改规定阴影参数与颜色