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

前言：纯平面用户界面已不再是趋势。现在，我们回到性能更好的用户界面。改善  交互式元素的可用性的第一步是添加阴影。通过此快速教程，您将学习如何为卡片，按钮或所需的任何UI控件创建惊人的阴影。

 正文 

1.不要使用阴影默认值

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

2.使阴影看起来柔和

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

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

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

4.使阴影颜色更自然

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

5.使材料颜色为阴影

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

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

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

7.总结

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

本期分享结束，感谢您的阅读支持，希望我们的努力，可以带给您更多帮助，欢迎添加我们微信：

421978184

任意转发公众号文章或视频，加入全国优秀设计师交流群，一起学习与进步！一定要备注：来意

围观我的设计朋友圈，每天分享最新设计资讯，色彩 · 招聘 · 版式 · 创意· 交互 · 思维 · 趋势等等。 共同进步，一起加油！

---------------------------------------------------------

 精选推荐  怎样提高自己的设计专注力？ 你设计的时候，考虑了色彩关系？ 原来这就是2021年高级UI/UX设计趋势！ 公交通小程序——视觉设计与总结复盘！ 越简单的设计越难，例如这个！ 这些非常实用的AI技巧，却不为人知！ 总结：10个针对初学者的实用Web设计技巧 说5件大事！ 看完国外大神3D插画，我只想说：望尘莫及！