Axure交互进阶教程-页面切换制作

用户头像
成都/UI设计师/7年前/315浏览
Axure交互进阶教程-页面切换制作

Axure交互进阶教程-页面切换制作

这是locky私人共享的工作经验教程,网上是没有的哦,喜欢的请给一个赞~,locky会陆续共享出其他相对复杂一点和网上教程稀少的交互供设计爱好者经验交流~




Axure交互进阶教程-页面切换制作

步骤一:先根据标签切换教程,制作好三个顶部标签;

步骤二:制作好三个页面的动态面板;

步骤三:添加标签标签点击的交互效果,

点击诊前标签,设置动态面板为1,补间效果300ms,方向向右,选中诊前按钮;

点击诊中标签,如果诊前为选中,设置动态面板为2,补间效果300ms,方向向左,选中诊中按钮;

点击诊中标签,如果诊后为选中,设置动态面板为2,补间效果300ms,方向向右,选中诊中按钮;

点击诊后标签,设置动态面板为1,补间效果300ms,方向向左,选中诊后按钮;

步骤四:现在可以预览,试一下页面切换效果了哦~




4
举报
|
4
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
大家都在看
登录注册