相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

关于 UI 中的投影,我从原理给你讲起

正言发布于:2019-5-22 23:48 |原作者: 酸梅干超人 |
正言
广东省 深圳市 
发私信 + 关注
简介: 投影的使用,是 UI 设计师必须掌握好的视觉设计基础。投影远没有大家想象的那么简单,即使软件中可以设置的参数并不多,很多设计师始终没办法很好的应用投影来提升自己的设计质感。

所以,这篇文章就会详细讲解设计投影的正确姿势。 ... ... ...


关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

如果感觉不得劲,阴影太少了,那么我们就让元素的 Z 轴上升。

关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

既然前面提到彩色投影是由于光线穿透了元素,那么当使用了渐变色或者是图片的投影,我们在之前提到的复制出的那层充当 Bottom shadow 的矢量图形,就可以不使用填充色,而是直接用渐变或者是原图进行模糊和透明度调整。

关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

3.2 非常规投影类型

光既然可以垂直于被照射平面,那么发挥想象力,我们还可以更改光与面的位置,让光线与平面之间的夹角变小,如下图所示。

关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

在这个场景中,投影就作用在图片下方的地面,只有地面处于透视状态时,才能可以看见它的投影,所以,我们就可以得到下方的效果。

关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

当然,我们还可以结合光源的类型,比如使用聚光灯等,那么阴影的轮廓就会发生变化。

关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

关于 UI 中的投影,我从原理给你讲起 飞特网 设计理论

我们甚至可以假设元素本身产生了一定的变形,如边缘翘起,那么就会出现独特的阴影形状。

27

好评
18

差评

刚表态过的朋友 (45 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

正言
广东省 深圳市 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计