手把手教你玩儿转UI—移动App动效设计

作为一个重度手机瘾患者，好像已经离不开手机了，放下10分钟之后就会觉得心慌，整个世界都变得不那么可爱了。要是不幸赶上了手机快没电了，那可真的真的是，无所适从，蛋糕也不好吃了，可乐也不想喝了，连最喜欢的消消乐也想卸载了。。。。。。后来想想既然戒也戒不掉，索性破罐子破摔，自暴自弃，放弃治疗，享受有手机陪伴的日子。从此开始了我无数次搜索、体验、下载、更新、卸载App的旅程，顺带了解了一下一些有趣的动效和规范性的东西。基本手机上可以见到的动效分为以下几个种类：

这些都是比较常见，一般App的页面布局及设计都可以满足，也会注意到的方面。没啥可以展开的，基本了解就行。唯一需要注意的时，不能为了动效而动效，高大上的效果都喜欢，好的设计是显而易见的而优秀的设计是无形的，你的设计在抓人眼球的同时不能过分吸引用户的注意力，本末倒置了可就不好了啊，以下是一个我觉得很符合App本身特性且视觉效果非常棒的动效设计：

本来无边框界面已经会让人有很好的使用体验了，导航栏位置两个小玩偶笑脸由一个变两个的效果特别惊艳，以及下拉显示的其他内容让我想起了道生一，一生二，二生三，这神奇的脑回路啊，页面下拉刷新时水滴效果的显示更是让我佩服得五体投地，就是无法用语言描述的美感，很神奇，很有趣，让我一遍一遍尝试乐此不疲，原理目前还在我无法理解的范围之内，先码着，说不定哪一天突然就想明白了。

另一个比较有趣的动效：

波浪+弹出的动效，真的是看一百遍都不过瘾啊，照例先码着，慢慢学习~

经历了这么多动效的洗礼，真的觉得自己是个渣渣，想要学习的内容还有超级多，一步一步慢慢向前吧~

ps:顺便研究了一下一个App从无到有的过程，就当扩充知识库了。