纯平面用户界面不再是一种趋势。现在，我们又回到了经济能力较好的UI。提高交互式元素可用性的第一步是添加阴影。

通过这个快速教程，您将学习如何为您的卡片、按钮或任何您想要的 UI 控制创建令人惊叹的阴影。拿起你最喜欢的咖啡杯， 让我告诉你 6 个简单的步骤令人印象深刻的阴影！

1. 不要使用阴影默认值

使用素描、图或 Adobe XD 并不重要。所有默认的阴影礼物都很糟糕。如果你想让他们看起来干净和现代，永远不要使用预先定义的设置。

何您想要的 UI 控制创建令人惊叹的阴影。拿起你最喜欢的咖啡杯， 让我告诉你 6 个简单的步骤令人印象深刻的阴影！

2. 使阴影看起来柔软

漂亮的阴影是柔软的。为了改善他们的容貌 - 降低不透明度 （10-30%）， 并设置更高的模糊水平 （16px - 40px）.这立即改善了阴影外观。

3. 考虑创建阴影作为模糊层

标准阴影样式更容易实现，但如果您想脱颖而出，请尝试制作一个单独的层，模糊如阴影。由于这种技术，您将获得对阴影位置及其大小的更多控制。

4. 使阴影颜色更自然

纯灰色从来不好看（纯黑白主题除外）。在现实世界中，所有的阴影都有微妙的颜色。将 UIs 中性颜色的色调添加到阴影中，看起来会好得多。

5. 使材料颜色为阴影

看看现实世界中的一些材料，尤其是半透明材料。他们的影子继承了物体的颜色。您可以使用这些音调创建该类型材料的插图。看起来会很新鲜！

6. 从现实世界中激励自己

以上示例仅仅是个开始。观察
其他物体和材料如何与照明相互作用。看看他们如何投下阴影 - 颜色， 模糊， 角度。显著的结果始于灵感的火花。

就是这样！

这 6 个易于应用的步骤将移动您的阴影到一个新的水平。当您应用简单的技巧时，重复并调整它们以适应您的项目，您就会注意到您的工作质量是如何提高的。