如何用HTML5打造炫酷的动效页面
说到用HTML5给移动APP页面加点有趣的动效，真是超带感的！比如利用重力陀螺仪打造层次分明的画面，搞点碎花、星星这类小元素，单独切出来放在画面前景，然后搭配手机的运动方向，让它们随着你摇晃手机跟着动，简直玩儿嗨了！而且这个实现特别简单，推荐用个叫parallax.js的小工具，使用起来超方便，只要定义一个叫parallax-obj的父类，然后给需要动的元素加上layer类，马上动态效果就出来啦。
这种效果不光酷炫，还能让用户觉得页面有生命力，让体验一下子up起来，真是棒极啦！
VX动效入门应该怎么做 怎样用AE创造简单UI动效
说到VX动效，入门其实挺靠实践的，别光看理论，啥都得干起来！大招来了：
1. 多做多练，在实际项目中不断试验各种动效设计，积累点滴经验和技巧。
2. 反思总结，每做完一个作品都要好好回头看看，找找不足贼重要。
3. 利用资源，YouTube、Behance、Vimeo、B站、Pinterest等教程网站别错过啦，里面动效设计教程超级多，还有网易游戏学院APP这类专业平台，能学到更多干货，也能认识一帮志同道合的朋友一起嗨。
再来说说AE吧，这玩意儿可不光是影视后期的专属，作为UI设计师用它来做动效也挺新潮！AE的JavaScript表达式可以玩出很多高级动画控制，虽然Flash曾经是交互动效的主力军，不过现在AE在CG和多媒体领域都火得不得了。只要稍微动点脑子，AE做的UI动画既酷又专业，绝对爆赞！
相关问题解答
-
怎样利用陀螺仪让页面动效更生动？
嘿，这玩意儿超级简单又棒棒哦！你只要在页面里加入些彩花、星星之类的碎片元素，然后利用parallax.js这类工具，监听手机的运动方向，让这些元素跟着晃动。效果好玩又非常吸睛，用户体验立马提升n个等级，不信你试试！ -
VX动效新手该怎么积累设计经验？
兄弟姐妹们，最重要的就是多练、多看、多总结！别光看教程，动手才是王道。平时多刷YouTube、B站这些资源，学点入门技巧，再拿到项目里实操，及时记录你的心得和不足，慢慢你就会发现自己的提升根本停不下来！ -
AE适合做什么类型的UI动效？
说实话，AE太适合做像影视特效那样华丽的动画了，但它同样能在UI动效上大显身手！比如按钮的动态反馈，页面转场效果啥的，用AE动起来简直炫酷。要说秘诀，就是多用它的JavaScript表达式，能实现超高级的自定义动画，真心很不错！ -
动效设计需要注意哪些体验原则？
别忘啦，好的动效要遵循几个小黄金法则：速度快，别让用户等到花儿都谢了；明晰简单，转场动画要干净利落，不要让用户看花眼；统一性强，动效要和整体风格和节奏搭调，保证整个App里的动效是一致的体验。这样用户用起来才会觉得棒棒哒，舒服极了！
新增评论