美文网首页
Sketch立体图标尝试

Sketch立体图标尝试

作者: LittleUniv | 来源:发表于2017-12-24 14:19 被阅读0次

今天第一次画图标,参考的思源设计2014年的一篇帖子。计划打卡100天,每天做一点交互和视觉的东西。今天是第2天。

开关

总结

  1. 自然光打在物体上的颜色过渡效果是通过线性渐变实现的。
  2. 凹凸感通过加阴影来实现。内阴影制造凹陷,模仿被外侧物体挡住投下的影子。外阴影制造物体本身的影子。
  3. 阴影调整参数有颜色(HEX),透明度(A),混合方式(正常、叠加)。
    - 填充时白色叠加会高亮遮挡的图层的颜色。开启状态的小蓝点就是这样做的。

相关文章

网友评论

      本文标题:Sketch立体图标尝试

      本文链接:https://www.haomeiwen.com/subject/egzcgxtx.html