用户UI界面设计里的阴影如何应用?

设计营销   2023-01-28

有不少UI界面上的许多元素倾向于模仿真实世界表现效果,其中最为常用的就是阴影的设计应用。当用户移动到目标元素上,元素的高度会发生变化,从而导致产生阴影,下面随我们一起看看用户UI界面设计里的阴影如何应用的吧。

不同的阴影,会直接影响用户对UI设计界面的看法。其实当光线投射到现实世界的物体上时,会产生两种不同的阴影。第一个是主核心阴影,通常是最靠近物体的薄而暗的环。第二种是投射阴影,属于物体后面的阴影较浅和较厚的。

大多数设计师未能正确显示这两个阴影。他们倾向于只使用一个具有大模糊度和高不透明度的投影。这样做会使表面边缘过于模糊和粗糙。
用户UI界面设计里的阴影如何应用?主核心阴影的应用:
是显示阴影的正确方法是使核心阴影变暗并紧贴表面。如,具有 10% 不透明度的 1 像素 Y 轴和 3 像素模糊效果很好。

投射阴影的应用:
再用更大的模糊和更深的 Y 轴使投射阴影更亮。一个好的默认值是 6 像素 Y 轴和 12 像素模糊,不透明度为 8%。结果是一个表面有两个不同的阴影,从而模仿真实世界的阴影。

您可以将此投影应用到产品的UI界面或者某一组件上,并划入设计规范。合理科学的使用阴影的变化,会让UI界面看起来更为专业,在视觉上也更吸引人,记住,细节决定成败。

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

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

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

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

沪ICP备19006116号-1

需求留言 + 获取方案

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

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码