发布时间:2023-6-5 分类: 电商动态
本文是Axure系列教程的结尾,主要是分享Quick App视频播放页面的相关交互,包括收集,关注,分享和评论内容查看。
写在这里,与进入产品坑的学生一起解释,Axure到底只是一个工具,它的作用是帮助产品经理和开发人员一起解释产品要求,它作为工具本身,也有自己的的优点和缺点。
学习互动的主要目的是锻炼自己的逻辑思维能力,而不是学习学习。
同样,这个原型基于Axure8,以下是相关交互架构的图表。
查看完整原型预览:http://bdh2ot.axshare.com/
这是共享的第三个问题,首先看一下完整的交互效果:
1.设置进入播放页面并退出播放页面
该部分的交互与第二章中进入拍摄页面的交互逻辑相同。这是一项任务,朋友们完成了课程。如果您有任何疑问,可以点击参考。
二,播放页面“ldquo;喜欢”相互作用
1.完成“Play Page”低保真原型并命名原件。
2.“喜欢”按钮,设置为两种状态:喜欢之前和之后,并希望设置为“ldquo;隐藏状态”
3.检查“与...不同”按钮,右侧事件选择鼠标单击,并且“已喜欢”按钮按钮显示。
4.检查“有喜欢”。按钮,当右侧事件选择鼠标单击时,隐藏“按钮”。已经喜欢“按钮。
5.“跟随互动”逻辑与“ldquo;像逻辑一样,这种互动可以由你自己完成。
6.设置完成后,这次我喜欢与设计的注意力相互作用,并快速预览F5的结果。
三,播放页面“ldquo;分享”和“ldquo;报告”互动
1.完成“共享页面”&quoquo;低保真原型并命名原始。
2.结合侧面共享页面并命名为“共享页面”。并将其设置为隐藏。
3.“玩”页面”页面,选择“分享”按钮并双击“ldquo;鼠标点击&&;用例,选择“ldquo;显示”行动。
4.配置右侧的操作区域,选择“共享页面”。组合,并将动画设置为“向上滑动”。 500毫秒。
5.“分享页面”,选择“取消分享”。使用“点击&& quo;用例,选择“隐藏”。行动。
6.配置右侧的操作区域,选择“共享页面”。组合,并将动画设置为“向下滑动”500毫秒。
7.设置完成后,共享交互设计完成,F5预览自己的结果。
四,播放页面“ldquo;评论视图”相互作用
1.拖动到动态面板中,将其命名为“Review module”,然后设置W393,H180。
2.在动态面板中,完成“Review Module”低保真原型并命名原件(评论模块的低保真原型宽度不能超过动态面板)。
3.设置动态面板滚动条,然后选择“自动显示垂直滚动条”。
4. F5预览会发现有影响外观的滚动条,您可以将其拖动到灰色以保持遮挡。
5.设置完成后,审阅模块将检查交互设计并快速预览结果。
这个共享在这里完成,我期待与您分享更多。如果您有任何问题或建议,请留言。
RP文件下载地址:链接:https://pan.baidu.com/s/1skKsvOp密码: ddrg