如何使用Axurerp制作下拉刷新的效果原型?
设·集合小编 发布时间:2023-04-14 10:56:34 1565次最后更新:2024-03-08 12:10:49
产品经理的重要的法宝,原型图,如何制作一个比较炫酷的原型图,关乎到产品最后的成品的质量,原型图做的保真度高,一定程度上能解决开发的很多疑惑和问题,提高开发的效率,下面给大家讲一下如何制作下拉刷新的效果原型。
设·集合还为大家准备了“Axure RP”相关视频教程,快点击查看>>
工具/软件
硬件型号:联想(Lenovo)天逸510S
系统版本:Windows7
所需软件:Axure RP
方法/步骤
第1步
首先打开我们的AxureRP8软件,新建一个空白的页面,命名APP下拉刷新效果,用于接下来的操作,如图所示
第2步
首先我们追求高保真效果可以找一个手机的背景,如果经常使用的话可以设为母板,设为母板的话,选中图片,右键,找到设为母板操作即可
第3步
由于总欠这里我用的是黑色的背景,刷新效果不是很明显,我添加一个矩形设置为灰色作为内容底图。
第4步
添加一个刷新图符命名为刷新图标,还有对应的标签文本,用于刷新过程中的动态效果展示,标签文本命名为刷新
第5步
然后添加一张图片盯茄作为刷新的时候我们刷新的主体,当我们下拉刷新时候使用,放在刷新图标和文本标签的上面
第6步
再添加一个矩形,作为刷新成功之后,显示加载成功的提示框,命名为加载提示,设置为隐藏状态,隐藏状态的设置也是右键,然后找到设为隐藏
第7步
到目前位置,前期的准备工作以及布局就完成了,下面主要进行交互设置,选中图片,添加载入时实例
第8步
然后按照我下图所示的交互语句进行设置,在左侧添加动作上选取相应的动作进行设置即可
第9步
设置完成之后,我们点击AxureRP右上角的预览功能,即可在浏览器中进行查看效果了,以后这哨躲囊个稍作改动即可应用到实际的项目原型当中去了
- 上一篇:Axure如何关闭负坐标空间?
- 下一篇:Axure怎么绘制渐变线条的椭圆形?
相关文章
广告位
评论列表