axure 图片切换图片的交互_axure交互技巧

给你一个XD文件，要求用Axure 进行交互设计？ XD也可以做交互动效，为什么要用Axure? 因为XD没办法把交互保存出来发给客户，所以选择Axure 会方便很多，遇到XD的文件放到Axure 里面要怎么做呢？ 设计工作中，弹窗，页面跳转，菜单栏的效果时最基础的，清醒点，上干货 文件整理 1要先了解页面的跳转过程，比如，没有任何动作的背景页，就可以把他们导出为一张了，然后弹窗，toast这些东西都要单独导出来。

剩下的就开始在Axure 里面制作啦 2 把图片从文件夹中拖入到Axure,导入的时候要注意不要选择优化，要不然你到图会糊到让你怀疑人生

3把图片命名，完成这一步就要开始制作啦

弹窗动效   1首先想一下这个的交互流程 点击静音——全体静音——解除全体静音 再次点击静音，弹窗消失

2在静音按钮处放一个矩形，添加交互， 单击时显示弹窗 双击时隐藏弹窗  

3弹窗用小眼睛隐藏一下，就可以在预览里面看到效果啦

4别忘了把矩形填充关闭掉，这样就看不出破绽了

页面跳转 1流程：点击关闭视频，跳转到开启视频的页面，同时有一个toast ，三秒提示 2首先进行页面跳转，同样画一个矩形，添加交互, 单击时——打开链接(选择要链接的图片就ok 啦)

3接下来在链接的图片中，进行页面载入时的效果 点击空白的地方，添加交互——选择页面载入时 等待3秒，在进行隐藏就可以了啦

菜单栏的切换 4页面载入时，隐藏要要切换的菜单栏，向右滑动，缓慢退出

5查看收起时的菜单出现时移动到什么位置(809，421)

6添加页面载入时的交互，移动菜单栏收起，到达刚才看的位置(805，421)就可以看到页面切换的效果了

7最后用白色盖一下外面的页面，就看不出什么破绽啦

操作介绍完啦，就可以开始制作动效啦