手把手教你玩儿转UI—App简单动效制作

哈哈哈哈哈我又来了，上一篇文章旅游类app界面设计—无边界设计中说道App store 下载界面的动效设计，只简单的用图片的方式展示了出来，可能很多人觉得也就那样，并没有觉得有神奇之处。终于在我不懈的努力之下，把我想要展示的内容用屏幕录制下来然后转成GIF动图，顺便get到了新技能，这样一看，才真是会发出由衷的感叹啊！everybody， this is 我早早醒来的干的第一件事的成果，amaze!下面一起来来体验一下吧！

这种动画被统称被页面间的过渡动画，例子中这种页面之间无缝切换的过渡动画，无疑使得用户体验和视觉效果更好，代价嘛，就是得辛苦我们的程序员哥哥了。例子中这种有像QQ糖一样弹跳的动效，更是给页面之间的过渡赋予了“生命力”，经大神指点，在动画中可以使用插值器来实现这一效果，也就是Interpolator，我们知道在动画中时间是一个变量，而插值器的作用，就是根据函数以时间为单位输出不同的值，某时间时刻，函数曲线的斜率就是动画的速度，这么说可能有些抽象，大神立马掏出一个网站，我们可以很方便直观的演示，不同插值器的在动画中的不同效果。。。。。。。。

|跟App store下载界面相似的动效实现函数|

|尝试了很多种发现我比较喜欢的一种效果|

玩儿着玩儿着想起来我之前很好奇的另一种动效，dribbble手机客户端全屏幕图片展现方式，发现用手指点住就可以拖动，放开就图片就会回到原位，就想研究一下是不是也是靠插值器来达成这种效果。

|dribbble手机客户端全屏幕图片展现方式|

结果。。。。。。

觉得自己华丽丽的想多了，其实想想也对，插值器其实就是以时间为单位的函数，显然这个拖动动画与时间没有关系。