这是一个只有4个图层的小动画。
灵感来自于《The design of everyday things》（日常生活中的设计）中对【Significant】（能指）的理解。
好的设计，少有多余的视觉元素，却能凭借人类过往日常生活的经验，能让人一眼就明白你的设计可以如何操作。
一切都藏在用户的行为习惯里，自然，有默契。
点击切换 深色模式(Dark Mode)
制作过程很简单，如下：
1.分析：这是一个补间动画，有点击动作，点击后会变化形态，所以需要两个画板，通过点击太阳或月亮来触发另一个画板
2.结构：一共两组相同命名的图层在两个画板中
相同元素用相同命名
3.动画原理：
·点击太阳时：跳转到画板Dark —— Sun消失、Moon旋转弹性出现
·点击月亮时：跳转到画板Light —— Moon消失、Sun旋转弹性出现
常见的切换深色模式：
许多成熟的App不会把切换深色模式放在一级页面或者上层的主要页面上，应该是因为：切换深色模式不是高频操作
常见App
但是也有一些App会把切换深色模式放在“我的”的一级页面上，例如【得到】
得到
在任何产品中，知道功能的【主次】和【使用频次】是很重要的
要在【视觉效果】和【开发成本】中做正确理性的取舍和平衡
对于不高频的操作，一定不要为了展现动效而做动效，本末倒置
PS：这个小动效是我灵光乍现想做的，但是是否适合在成熟的产品中使用和借鉴，那需要考虑因素的比较多
我个人感觉除非是重要功能不多的工具类产品，或者是在功能已经完善了的产品中用精彩的小动效作为吸引用户，这种情况下，可以花一些开发成本在这上面
最后放上我的微信，UI同行欢迎交流！
注明来意哦
