当鼠标移动到菜单中时显示子菜单,当鼠标移出菜单时自动隐藏的交互是网站原型设计时常用的。那么,今天就来教一教大家怎么制作一个网站顶部导航栏~学Axure,先学基础再学交互最后就是动手实操!在,就可以获取到专业全面的Axure自学视频课展开综合学习~专业讲师教学,知识点满满,学会可自主实操设计原型~
Axure制作网站顶部导航栏教程:
1.菜单制作
制作顶部菜单,使用基本元件:文本标签创建标题,设置标题大小并设置行间距。2.子菜单制作制作子菜单,使用基本元件:动态面板,并设置动态面板名称,进入动态面板。进入动态面板添加子菜单名称,可针对每个子菜单添加交互,如跳转链接,鼠标移上去字段交互等。3.菜单交互回到index页面,针对一级菜单添加交互,当鼠标移入时显示菜单一并向下滑动,时间动画300s。一级菜单交互针对二级菜单添加交互,当鼠标移出时隐藏菜单一并向上滑动,时间动画300s。4.热区添加在菜单边加上热区交互,即可实现上述效果。最终效果:以上就是关于“Axure如何制作网站顶部导航栏?”的全部内容分享了,怎么样?你学到了吗?Axure学习讲究方法与技巧,如果你觉得你的理解学习能力强,不妨继续浏览更多Axure相关文章~当然,如果你需要更加系统精准地学习Axure,那么我建议你选择我们的Axure自学视频课哦~最后点赞、留言+收藏,下次学习更方便哦~