如何在UI设计中制作更好的阴影，我总结了这些经验！

1.不要使用阴影默认值

使用Sketch，Figma或Adobe XD都没有关系。所有默认的阴影呈现效果都很糟糕。如果要使它们看起来干净现代，请不要使用预定义的设置。

     

2.使阴影看起来柔和

漂亮的阴影是柔和的阴影。要改善外观-降低不透明度（10-30％），并设置更高的模糊度（16px-40px）。这立即改善了阴影外观。

3.考虑将阴影创建为带有模糊的图层

标准阴影样式更易于实现，但是如果您想脱颖而出，请尝试使用模糊作为阴影来制作单独的图层。借助此技术，您将可以更好地控制阴影位置及其大小。

4.使阴影颜色更自然

纯灰色永远不会看起来很好（纯黑白主题除外）。在现实世界中，所有阴影都具有微妙的色彩。将您的UI中性色调添加到阴影中，它将看起来更好。

5.使材料颜色为阴影

看一下真实世界中的一些材料，尤其是半透明的材料。它们的阴影继承了对象的颜色。您可以使用这些色调创建该类型材料的图示。看起来很新鲜！

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

以上示例只是一个开始。观察其他物体和材料如何与照明交互。了解他们如何投射阴影–颜色，模糊，角度。卓越的结果始于灵感的火花。

7.总结

这6个易于应用的步骤将使您的阴影更上一层楼。当您应用简单的技巧，重复并调整它们到您的项目时，您会注意到工作质量如何提高。如果您觉得本教程有用，请与他人分享，以使您的朋友知道如何改善他们的UI！

本期分享结束，感谢您的阅读支持，希望我们的努力，可以带给您更多帮助，欢迎关注我们微信公众号：UI范