基于 ProtoPie 的动效设计工作流

输出

ProtoPie可以帮助设计师在无需编程的情况下，轻松快速地制作出近乎实际产品的交互原型。

具体功能没有深入研究

以上 2 点各个工具大同小异，主要是下面这一点

动效设计很多工具都可以，但我一直没有找到一个动效设计完成后，可以帮助我更好的和技术沟通的工具；这个工具不需要我做太多额外的工作，且开发看到产出物可以充分理解并根据精确的数值进行还原。

发现 Protopie 就是这样一个工具，当你的动效设计完成之后，你设置的数值就可以直接抄写给技术（可惜不能一键导出）

也许还存在其他工具，但我目前只知道这一款（Axure 虽然也有类似的，但对开发来说没有 Protopie 这么友好）

具体来看一个实际案例

新人红包拉新业务，规则是邀请新人安装登录 CC 客户端后，邀请人和被邀请人都可以拿到现金奖励。

当用户成功邀请后，就会看到这个弹窗，提示获得了现金奖励，点击按钮会出现动效，引导用户提现入口的位置

动效有其他细节，不过这里只以红包图标的缩小、移动为例

开发不一定会直接用这种形式实现动效，但那不重要，重要的是让开发理解需求，并且提供了具体的数值，保证动效的还原度。

目前已交付给开发，开发表示可行，等待验收效果