Sketch立体图标尝试

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

Sketch立体图标尝试_第1张图片
开关

总结

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

你可能感兴趣的:(Sketch立体图标尝试)