本教程被收录到了 Axure常用页面交互设计课程 , 开始你的系统性学习吧!
《axure设置下导航交互效果 用axure做微信界面下导航交互效果操作实例》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强操作实例,微信等多维度案例或实操来进行更多的学习;此教程是由zilin在2021-06-01发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。
axure设置下导航交互效果可以使用户可以更好体验,合理分类下导航帮助用户更快找到该功能,更加直观方便快捷使用起来,接下来我会以微信APP为例,详细讲解每一步骤,学会之后可根据自身项目要求酌情删减。详情往下看:
(Axure功能理解比较深的童鞋,可以将前两者合并成一个矩形实现,新手不建议这样使用。)
以此类推,把其他三个导航按钮也做一下样式。(矩形、文本元件可以使用格式刷快速复制交互样式,图片元件不行。)
将每个导航按钮的三个元素选择,并生成组合。
然后给组合添加链接,跳转到对应的页面“微信、通讯录、发现、我”。
为什么要这样做?点击导航按钮的区域内,都可以跳转。所以使用组合来表示这个区域内都是可交互热区范围。
我们已经画出了微信下导航的线框图效果,接下来讲解如何做出相似的交互效果。
下导航是存在于所有的导航页。所以需要把下导航原型放到不同的页面。
选中这些元件,右键生成母版。
考虑到下导航在每个页面中的位置是一样的,所以将母版设为固定位置。
打开微信页面,将左下方的母版拖进去。
以此类推即可…
当位于微信页面的时候,导航按钮微信是不可点击,但是样式是点击后的样式效果。
所以需要设置当载入微信页面的时候,选中该按钮组合,并且禁用该按钮的交互。
以此类推…
需要注意的是,同时只有一个导航按钮处于选中状态,所以需要把所有的导航按钮选中并新建成单选组。
如果你希望下导航原型和微信下导航一样,固定在页面的底部。
那么把这些导航按钮选中并生成动态面板,然后右键固定到页面指定位置即可。
以上就是axure设置下导航交互效果全部内容介绍了,关于更多axure9教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 axure9全局变量和局部变量的应用情况及操作实例
> 下一篇 三种单选组件按钮操作实例
2022-06-29 09:46
2022-06-16 09:55
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论