几天突然看到运营喵推送文章，原型设计：百词斩单词翻转还原效果实现，作者xuruiuiui，仔细看了下文章，发现作者是用墨刀这个软件做的，且是点击效果和百词斩首页还是有点差别的，然后一时手痒，自己重新用Axure做了下这个原型。
百词斩官网效果如下：
用Axure做的百词斩原型录屏。
以下是我制作该原型的步骤：
工具：Axure
1、选取组件：动态面板，动态面板的大小为300*260。
2、对动态面板进行正反2面设置。
3、点击动态面板中正模块进入正模块，并对模块动态框内进行crawl文字或图片插入。
4、点击动态面板中反模块进入反模块，并对模块动态框内进行视频或图片插入。
5、设置反面交互事件。
设计交互，选择当鼠标移入时，设置面板状态-选择Crawl动态面板-进入和退出状态分别为向右翻转-推动拉动元件。
具体请看下图：
6、设置正面面交互事件，方式和设置反面一样。
欢迎指正。
本文为@运营喵原创，运营喵专栏作者。
