如何科学的设置卡片阴影，提升UI界面整体效果

所有的UI用户界面都包含了各种层级关系，背景、前景、卡片、漂浮在顶部的bar元素...等。要向用户显示哪些屏幕元素处于活动状态，您必须使用表面高度。比如一些需要提升的UI组件，如：卡片、菜单...等，当您未能使用高程时，这些组件可能看起来像是背景或内容的一部分，用户可能会忽视它们并且无法及时与他们进行交互设计。
UI界面需要三个级别的高度：低、中和高。
这些高程因投影的散布而异。请注意高海拔阴影的传播范围如何大于中低海拔阴影。这种传播模仿了现实世界中的阴影高度。用户喜欢看起来自然的阴影，因此请确保它们微妙且逼真。

您将使用这些不同的高度来表示元素的活跃程度。元素越不活跃，海拔越低。但是元素越活跃，高度就越高。更高的高度意味着该元素更接近用户并需要他们的注意。这个概念模仿了人类与现实世界对象的交互方式。触手可及的对象是您正在使用的对象，而较远的对象则未被使用。

阴影数值：
阴影值在不同的高度之间会有所不同。低海拔表面只有核心阴影。因此，y 轴和模糊会很小，并且对物体显得很紧。 中高程表面具有核心阴影和投射阴影。由于它被抬离地面更高，投射阴影在物体后面有更大的模糊和 y 轴。 将表面提升得更高会产生更大的投射阴影。

所以，高海拔表面具有增加的模糊度和 y 轴以产生更广泛的传播。 您可以通过使用模糊和 y 轴来选择您希望表面显示的高度。但是，此处的值对于大多数用例都是最佳的。从中高程到高程的投射阴影值是原来的三倍。