[蜡烛]亲爱的小伙伴,在您观看之前,烦请您关注一下,在此深表感谢![比心][比心]
Axure移动交互在整个交互中占有非常重要的地位,曾经有个前辈说过,学好移动效果可以代替很多你搞不懂的复杂交互,比如说菜单的展开与收回,使用移动效果与显示、隐藏搭配使用一样可以做出来;弹窗的显示与移动;轨迹效果等等。
本节课:移动效果
效果描述:单击控件,使目标图案/控件/窗口移动到目标位置
应用场景:页面跳入跳出、弹窗移动、轨迹移动
步骤一:建立一个绿色区域(显示区),拉入四个圆形标记
1
步骤二:在绿色区域外,拉入一个小汽车标识
2
步骤三:为小汽车添加交互,载入时隐藏小汽车,单击时隐藏小汽车(这样做的目的是为了页面载入时不显示小汽车,当显示小汽车时,通过点击小汽车再次隐藏小汽车!)
3
4
步骤四:依次为四个圆形标记添加交互,单击时——显示——小汽车,移动——小汽车
5
6
7
8
9
大家看一下效果!
明天的产品大咖就是你,创作可不容易啦,大家可别忘了给我点个赞、关注一下呀,谢谢大伙啦!
到这里就实现了本节课的移动效果,如有更多问题咨询[左上]