几天突然看到运营喵推送文章，原型设计：百词斩单词翻转还原效果实现，作者xuruiuiui，仔细看了下文章，发现作者是用墨刀这个软件...
前几天突然看到喵行动推送的一篇文章，原型设计：实现了翻转还原百词斩文字的效果。作者xuruiuiui仔细看了文章，发现作者是用软件墨刀做的，点击效果和百词斩首页有点不一样。然后一个手痒，又用Axure做了这个原型。
百词斩效应如下：
百词斩原型屏幕录制与Axure。
以下是我制作这个原型的步骤：
工具：Axure
1.选择组件：动态面板，尺寸为300*260。
2.设置动态面板的正面和背面。
3.点击动态面板中的正片模块，进入正片模块，在该模块的动态框中插入抓取的文字或图片。
4.点击动态面板中的反模块，进入反模块，将视频或图片插入模块的动态框中。
5.设置负面互动事件。
设计，选择鼠标移入时，设置面板状态-选择爬行动态面板-进入和退出状态向右翻转-分别axure动态面板推动拉动元素。
详情请见下图：
6.按照与后面交互事件相同的方式设置前面的交互事件。
欢迎光临。
