轴设计:实现百字切字的反转和还原效果

几天前,我突然看到每个人都是产品经理推文章。原型设计:实现最佳切字的反转和还原效果。作者徐瑞辉在仔细阅读了下面的文章后,发现作者是用墨刀软件做的文章,点击效果与第一页的最佳切字还有一点点不同。然后他感到一阵痒痒,又用Axure做了一个原型。

百词斩官网

100字印章官方网站效果如下:

百词斩官网

100字印章原型录制屏幕由Axure制作

百词斩官网

以下是我制作原型的步骤:

工具:Axure

1,选择组件:动态面板,大小为300*260

百词斩官网

2,设置动态面板两侧

百词斩官网

3,点击动态面板中的正片模块,进入正片模块,在模块的动态框架中插入抓取文字或图片

百词斩官网

4,点击动态面板中的反模块进入反模块,将视频或图片插入到模块的动态框架中

百词斩官网

5,设置负面交互事件

设计交互,选择当鼠标移入时,设置面板状态-选择抓取动态面板-进入和退出状态分别向右旋转-推拉元素

百词斩官网

6,以与设置背面相同的方式设置正面交互事件

欢迎指正

这篇文章最初由@productm66发布,每个人都是产品经理。未经许可,禁止根据CC0协议

从Pexels中重印

张图片

大家都在看

相关专题