提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
通过此快速教程,您将学习如何为卡片,按钮或所需的任何UI控件创建惊人的阴影。
1.不要使用阴影默认值
使用Sketch,Figma或Adobe XD都没有关系。所有默认的阴影呈现效果都很糟糕。如果要使它们看起来干净现代,请不要使用预定义的设置。
2.使阴影看起来柔和
漂亮的阴影是柔和的阴影。要改善外观-降低不透明度(10-30%),并设置更高的模糊度(16px-40px)。这立即改善了阴影外观。
3.考虑将阴影创建为带有模糊的图层
标准阴影样式更易于实现,但是如果您想脱颖而出,请尝试使用模糊作为阴影来制作单独的图层。借助此技术,您将可以更好地控制阴影位置及其大小。
4.使阴影颜色更自然
纯灰色永远不会看起来很好(纯黑白主题除外)。在现实世界中,所有阴影都具有微妙的色彩。将您的UI中性色调添加到阴影中,它将看起来更好。
5.使材料颜色为阴影
看一下真实世界中的一些材料,尤其是半透明的材料。它们的阴影继承了对象的颜色。您可以使用这些色调创建该类型材料的图示。看起来很新鲜!
6.从现实世界中激发自己
以上示例只是一个开始。观察其他物体和材料如何与照明交互。了解他们如何投射阴影–颜色,模糊,角度。卓越的结果始于灵感的火花。
7.总结
这6个易于应用的步骤将使您的阴影更上一层楼。当您应用简单的技巧,重复并调整它们到您的项目时,您会注意到工作质量如何提高。如果您觉得本教程有用,请与他人分享,以使您的朋友知道如何改善他们的UI!
本期分享结束,感谢您的阅读支持,希望我们的努力,可以带给您更多帮助。
微信公众号:UI范 ,欢迎关注我们
记得点个免费的赞哦,感谢!
Powered by Froala Editor
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册