APP交互设计动效

交互动效指的是展现界面间的转换或界面内元素变化的交互反馈，场景UI 交互动效的首要目标应是支持和增强用户在状态间的转化，核心目的是吸引用户注意力，提高信息敏感度。一个好的交互动效不仅能给用户带来使用上的便利，而且也能增强趣味性，提高用户的使用时间。学会交互动效无论是在工作中还是放入简历内，都是非常加分的一项技能。

学习练习经验之作，如有侵权，请联系删除

设计原则：

1、简洁

交互动效同样需要简洁明了，以产品的实际情况出发，不需要过多的复杂无用的动效，实际的交互效果还是以产品的功能点出发。

2、一致性

交互动效的一致性和设计中的一致性相同，在同一个项目中使用一致的速度和形式，用户也能得到更加的体验。

3、动效自然

人机交互的效果应该和现实中物体之间的交互效果是一样的，现实中，物体的速度会受到自身重量和摩擦力的影响，具有惯性，在人机交互中也需要注意这一点。

4、反馈

任何的交互操作的最终目的都是需要得到一个反馈，在设计动效时要注意及时反馈，动效的速度要适当，不能让用户感觉太快或者太慢。

基本属性

1、位置

通过改变坐标轴的数值来达到位移的效果，例如：播放歌单中歌词的滚动效果。

2、旋转

通过改变图形的旋转角度，实现让图形围着一个中心点运动的效果，例如：播放歌单中唱片的旋转效果。

3、缩放

通过改变图形的旋转角度，实现让图形围着一个中心点运动的效果，例如：播放歌单中唱片的旋转效果。

4、透明度

通过改变图形的不透明度，实现图形从无到有的效果，也是常用的交互属性。

Day 1_音乐播放器

Day 2_主页弹窗动效

Day 3_音乐类型按钮特效

Day 4_专辑推荐动效

Day 5_更多功能