有不少UI界面上的许多元素倾向于模仿真实世界表现效果,其中最为常用的就是阴影的设计应用。当用户移动到目标元素上,元素的高度会发生变化,从而导致产生阴影,下面随我们一起看看用户UI界面设计里的阴影如何应用的吧。
不同的阴影,会直接影响用户对UI设计界面的看法。其实当光线投射到现实世界的物体上时,会产生两种不同的阴影。第一个是主核心阴影,通常是最靠近物体的薄而暗的环。第二种是投射阴影,属于物体后面的阴影较浅和较厚的。
大多数设计师未能正确显示这两个阴影。他们倾向于只使用一个具有大模糊度和高不透明度的投影。这样做会使表面边缘过于模糊和粗糙。
主核心阴影的应用:
是显示阴影的正确方法是使核心阴影变暗并紧贴表面。如,具有 10% 不透明度的 1 像素 Y 轴和 3 像素模糊效果很好。
投射阴影的应用:
再用更大的模糊和更深的 Y 轴使投射阴影更亮。一个好的默认值是 6 像素 Y 轴和 12 像素模糊,不透明度为 8%。结果是一个表面有两个不同的阴影,从而模仿真实世界的阴影。
您可以将此投影应用到产品的UI界面或者某一组件上,并划入设计规范。合理科学的使用阴影的变化,会让UI界面看起来更为专业,在视觉上也更吸引人,记住,细节决定成败。
联系我们,开启一场关于您项目的讨论会吧。
©2010-2024 维好维可 | 用户体验创新设计公司-版权所有
沪ICP备19006116号-1
提交信息后,我们的专属顾问会在1个工作日内与您联系。