第一次分享，写得不好，欢迎指正！

活动介绍：

企业家网红大赛，普通用户可以向参加评选的企业家投票，每次投票需要支付1元，并且投票成功后会获得一个财神和一个小额红包（金额在1元上下），当用户集齐东南西北中五个财神后即代表中奖（其中有一个财神是稀有财神，获得的几率很小），将获得iPhone7一部。

简单介绍一下这个页面的交互流程

用户点击投票进入付款流程，付款成功后即投票成功，之后都会跳出一个弹窗，告知用户本次获得了一个红包和一个财神，至此投票流程结束。用户可以继续投票或者分享传递福气。

该页面的线上反馈

用户进行多次投票之后，当获得稀有财神时（获得稀有财神几乎代表已中奖），页面的展示不够明显，缺少获得大奖的一种带入感。

需求：当用户获得稀有财神时，在页面上需要提示用户，或者引起用户的注意，这是一个稀有财神，从而引导用户去分享（炫耀自己中奖的心理），间接带来更多的流量。

最终团队内部讨论以动效的形式展现，最为直接，也能第一时间引起用户的注意。

DEMO展示

交付给开发的动效参数标注

这是我自己通过几次的动效对接整理出的标注方式，还是有一定的欠缺，后来在网站上看到一位大神分享的一种动效参数标注的模板（名字叫ViggoZ，也是在UI中国），觉得还是比较科学清晰的，这里分享给大家。

验收走查

虽然有效果图和标注，但是开发第一版写出来的效果还是略显生硬的，主要是动效的速率上和效果图有一定的差距，通过和开发不断的沟通调整，最终在上线时基本上还是原了设计效果的，由于有时间限制，还是有一些细节没有调整好的。（由于活动已经下线了，这里就不放线上效果的对比了）