UI DESIGN系列教程之《 阴影...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
18116 30 682 2018-08-19


B站高清无广告观看:点击进入

课程PPT:点击下载

阴影PSD模板:点击下载

Image title

Image title




全部评论:30

  • 315071630

    2019-08-05 11:15

    @怪蜀黍的糊涂生涯: 可有的前端鸡贼,就说不能写,那能咋整。。

  • 欣雨雨

    2019-06-12 11:17

    @小沫沫: 同问 阴影控件库在哪+1

  • 欣雨雨

    2019-06-12 11:15

    距离=大小*2 所以距离为10,大小为20 ???

  • 蓝蓝的天白白的云

    2019-03-05 10:47

    @曾小潼: 在一开篇视频下面

  • Zzzzzzj

    2018-09-05 11:01

    顶上

  • 寻不遇

    2018-08-28 11:02

    看这么多人问如何实现,实现一般用两种方法,一种是rgba;agb代表颜色,a表示透明度;还有一种是现在弥撒阴影的设计方式,前端一般会用渐变色去做;配上transition动效就可以解决。

  • 怪蜀黍的糊涂生涯

    2018-08-27 10:06

    @lovesmart: 确实不太好,容易被前端忽悠

  • 小沫沫

    2018-08-24 17:23

    @兔草666: 总结的很棒~同问 阴影控件库在哪

  • lovesmart

    2018-08-24 10:18

    @怪蜀黍的糊涂生涯: 颜色可以写成rgba() 里面啊就是透明度 作为设计一点不懂代码这样真的好吗?

  • lovesmart

    2018-08-24 10:16

    全篇看下来好像没有看到有用的东西啊!知识点在哪

  • TT929

    2018-08-23 22:51

    同样是做黄色投影,看了你的结论发现自己以前做的就是黄色往红色稍微调一点做投影。但我没有形成方法论,估计下次做同样的阴影可能还是要一遍遍的尝试

  • angeline0

    2018-08-23 14:32

    好逼真的阴影。赞

  • UILEO

    2018-08-23 11:28

    @曾小潼: 顶上啊,就是顶上啊

  • 曾小潼

    2018-08-23 11:09

    文件哪里下载啊 !!!

  • UILEO

    2018-08-22 16:35

    @兔草666: 顶上

  • 兔草666

    2018-08-22 16:18

    阴影控件在哪呢?

  • UILEO

    2018-08-22 11:34

    @怪蜀黍的糊涂生涯: 干死他,干死他

  • 怪蜀黍的糊涂生涯

    2018-08-22 11:02

    @摆渡人2016: 明白了,谢谢解答,找我们前端干架去

  • 摆渡人2016

    2018-08-22 10:49

    @怪蜀黍的糊涂生涯: 不是没有,是你们的前端不会。都是用css控制阴影和透明度的。

  • 怪蜀黍的糊涂生涯

    2018-08-22 10:38

    @UILEO: 我还问了我们开发,说没有,会不会是开发工具不同,参数不一样啊

  • UILEO

    2018-08-22 10:06

    @怪蜀黍的糊涂生涯: 开发可以调整透明度的

  • 怪蜀黍的糊涂生涯

    2018-08-21 16:58

    请教一下,阴影标注的时候需要标注哪些参数。看过开发小哥哥的实现阴影效果参数,是水平/垂直位移、模糊半径、尺寸、颜色,好像没有透明度这个参数。请问大家都是如何跟开发对接这个问题的。

  • UILEO

    2018-08-21 14:09

    @315071630: 距离=大小 / 2

  • leeoe

    2018-08-21 14:01

    那个蓝色按钮阴影用的高斯模糊吧

  • 315071630

    2018-08-21 11:47

    那么正确的公式应该是多少?

  • UILEO

    2018-08-20 17:50

    @木冇羊: 确实,数学没过关

  • 木冇羊

    2018-08-20 16:52

    公式那里有错误哟~

  • 陈出杰作

    2018-08-20 15:16

    给大佬打call

  • WeatherHear

    2018-08-20 14:55

    讲得很到位,点赞

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票