
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的人都在学习ui设计等互联网技术,而本文我们就通过案例分析来简单了解一下,ui设计师如何使用阴影设计。
什么是阴影?
影,又称影子、阴影(英语:shadow)是一种物理现象,是光线被不透明物体阻挡而产生的黑暗范围,与光源的方向相反。在光源固定的情况下,影子反应了物体离我们的距离。在屏幕中则是直接通过模拟控件的影子来告知用户其距离及层级。
光源
阴影的方向决定了光源的位置,在屏幕中虽然我们可以自定义光源的位置,但用户都已习惯了在屏幕上方。
高度
人们视觉所关注的信息总是由大到小,由深至浅;
在移动端设计中,我们把阴影设置为低,中,高3个层级:
在同一个平面中选择其阴影层级,设计师根据控件所占屏幕比例来决定阴影级别。
强度
根据卡片是否为纯白色底来决定阴影强度,也就是阴影透明度,非纯白色情况下透明度为常规的2倍呈现。
阴影参数具体的参数根据应用风格调性及实际情况来定,仅做参考。
如何解决Android阴影效果
我们发现通过Z轴和Y轴的控制其实能很接近我们想要的效果,仅仅只需要调低透明度即可,然而Elevation并不支持自定义透明度。
我们发现通过调整Z轴阴影值及底层透明度阴影效果是可以和设计稿视觉效果保持一致的,其实安卓的阴影也可以很通透很清秀,也可以不占位。根据我们的设计稿效果调整好相同视觉效果的参数进行封装成组件即可。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请加danei456学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。