扁平化设计中,如何提升UI界面的阴影设计及层次感?

设计营销   2022-06-07

现在扁平化的UI设计在有些时候有点沉闷,通过UI阴影的运用,可以把整个界面看起来更出彩,尤其是对卡片元素施加阴影,本文是有关创建突出阴影的有用技巧,一起看看吧。

1、不要使用默认值
无论您使用任何设计应用程序(Sketch、Figma),默认阴影看起来都不是很美观。所以尽量不要在你的设计中使用默认。 通过二次调整让阴影看起来更柔软。

2、使用柔和的阴影
您可以请尝试将不透明度降低 5% 到 20%,并将其模糊调整至 15 到 40 。不过,有一种更方便的方法可以解决这个问题。 将模糊的 Y 轴加倍,如果您设置了 y 轴,请将值加倍以获得模糊量,可以让你的卡片看起来更有层次感。

3、避免使用纯黑色
在现实世界中,阴影具有较深的色调,尽量避免纯黑色或十六进制代码,#000000作为你的阴影颜色。相反,请根据元素或其周围环境使用较暗的颜色。这样,颜色看起来会很逼真。 为了进一步说明,这是两者之间的区别。

4、使用单独的图层作为阴影
实施标准阴影是无风险的,然而,为了更具装饰性的目的,您可以复制并将其放置在元素后面。这种技术将使您更好地控制阴影。

5、从周围环境中获得灵感
调整阴影时候,可以结合四周的设计环境和氛围。检查物体或人如何投射阴影并影响其周围环境。

最后,反复调试,不要怕麻烦,直到满意为止,记住这些创建阴影的简单技巧,这些技巧将在每个项目中变得与众不同。加油干吧设计人,洞悉设计的精髓,并能高效驾驭工具,你会变得更优秀。



维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?