1、在Axure工作界面中,建立一个按钮开关和一个图片元件。
2、双击图片元件将图片拖入到这里来,然后对图片可以调整下位置、大小设置。
3、选择左侧的按钮开关,打开右侧属性标签中的鼠标点击时状态。
4、双击打开属性设置区,在这里的元件下,找到显示/隐藏设置。
5、作用的对象为刚才设置的图片元件,然后选择下方的显示隐藏为切换状态,还可以设置出现的动画、时间。
6、确定后,回到刚才的设置界面,会看到在切换按钮上出现一个1的标志,表示已经对他添加了效果。最后就可以在发布中看预览效果了。
1、新建动态面板,将3个素材分别放在同一个面板的不同状态中
2、添加“转换“按钮的用例,用例设为“设置面板状态为指定状态”,勾选对应的动态面板
3、设置”选择状态“为”下一步“并勾选”从最后到最前循环”即可实现该效果
1、拉一个动态面板A,到左边窗口的图片位置。并设置该面板有三个状态。
2、分别剪切三张图片到A的三个状态里。
3、给转换按钮添加用例,动作为“设置面板状态为指定状态”
4、在配置动作里,选择面板A,选择状态为 向后。并把循环的复选框打上勾。
完成
axure原型可以做成线框的低保真原型和呈现出图文效果的高保真原型,如果产品经理需要通过颜色对比等来展现出原型设计的效果时,就需要使用高保真的交互原型了。
同时,可以将axure的原型文件上传至蓝湖,可以实现手机上预览,也可直接在蓝湖上生成代码给工程师使用