Axure |导航条的实现

最新推荐文章于 2024-08-17 18:05:21 发布
最新推荐文章于 2024-08-17 18:05:21 发布
阅读量1.1k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xxzhangx/article/details/105154830
版权
本文介绍了如何使用Axure RP 9来制作导航条功能，包括新建页面、制作模型、设置交互名称、绑定导航条与内容以及转换为动态面板的步骤。通过这些操作，最终成功实现了导航条与页面内容的联动效果。
摘要由CSDN通过智能技术生成

实现导航条

使用Axure RP 9 制作导航条功能

疫情期间，学学Axure，为以后能将常规数据功能实现产品化准备。

参照物

右侧导航条在拖动鼠标上下滑动时，右侧的导航栏目是没有变化的，此外点击导航栏中的按钮，也是不会改变导航栏的位置。现在来模仿下吧

Axure中的操作

新建page页面

新建page 页面

制作页面和导航页

简单拖拽矩形框，制作出基本模型。
demo样式图

设置交互名称

点击主题1，主题2，主题3，主题4，分别设置交互名称

最低0.47元/天 解锁文章
茁壮小草
关注
用Axure实现左侧动态导航栏
qq_66798676的博客
06-25 863
双击p1，面板状态管理。把state1改名为展开状态。在点击+号按钮，新添两项，取名为展开状态和收起状态。．给动态面板p1设置动作，选择状态那里选择“Next”．双击打开收起状态，在面板中画一个导航栏A一样的矩形。把把导航栏A、A1、A2设为动态面板，取名p1。给导航栏B设置动作，导航栏对应正确的动态面板。首先在面板上画几个矩形，大小一样排列好。首先在面板上画几个矩形，大小一样排列好。把B1、B2设为动态面板，取名p2。
axure交互导航设计
04-22
axure里面可以设计导航类的。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
导航菜单栏的弹出与收起|零基础学Axure|产品经理
最新发布
qq_43777616的博客
08-17 318
导航菜单栏的弹出与收起|零基础学Axure|产品经理
Axture RP9实现动态导航栏
2301_76794079的博客
06-27 788
4，主导航栏选择新建交互-单击时-显示隐藏-选择元件（为之前动态面板）-选择切换-动画效果按照自己想法设置-确认。完成简单交互，如图所示。2，将子导航栏全选，并按鼠标右键，转化为动态面板，给动态面板加一个名字（方便后续选择），并将动态面板隐藏，如图所示。3，在主导航栏这一项选择交互，按照自己想法添加元件样式。实现动态导航方法很多，简单介绍一种。1，如图做好自己想要做到导航栏。此帖子为作者学习经验记录。
Axure RP 10制作导航栏指示效果
Peppaaa的博客
05-31 591
本文介绍了如何用Axure RP 10制作导航栏指示效果。
Axure8.0：标签导航栏
weixin_43516258的博客
07-08 1112
本次分享的的案例是Axure8.0制作的标签导航栏。 预览及下载地址：https://40074m.axshare.com
axure的基本使用方法（侧边导航栏的制作）
weixin_30338497的博客
12-27 1295
1、创建一个动态面板control 2、在home中创建动态面板homepage和movepage并且完成布局 3、给home添加移动事件 4、给按钮添加点击事件 5、大功告成 转载于:https://www.cnblogs.com/marvey/p/6225690.html...
从无到有axure原型设计_Axure|微信原型制作
weixin_39732534的博客
12-24 824
本篇文章，是作者想要了解下产品常用工具Axure。Axure看似简单 ，实则也非常考察逻辑能力。我计划做一个微信原型，但无从下手，开始只找到一篇三年前的文章：虽然过去了很长时间，但作者在里面表达的原型，实现的交互，还是让我惊讶：界面效果(点击上文蓝色标题，可阅读原文。)而作者说出视频教程，也没有后话，想来也是太忙了吧。然后在人人都是产品经理网站找到了另一篇教程：可做上手练习之用。所以在我练习之后，...
blog20201231：03-Axure顶部导航栏的实现
weixin_42013872的博客
12-31 922
顶部栏对于一个网站的用户体验来说是至关重要的，用户的浏览习惯（从左到右，从上到下），当他们进入一个新的网站，顶部栏通常是他们最先看到的地方。 作为设计师，需要预测用户经常访问的内容，将最重要、最常用到的条目置于导航栏当中，要永远将最关键、最重要的导航类目让用户看到，才是导航所应该做到的事情，换句话来说，就是关键内容驱动导航分类。 一、顶部导航内容分析： 品牌logo、菜单、搜索框、提示消息、登录／注册、操作手册、语言切换、角色切换等信息。 以上这些都是顶部栏中常见的元素，在设计的时候，一级类目建议在 2-
Axure实现点击导航栏切换内容页
梨柚的博客
01-14 5262
Axure原型工具的使用：用动态面板实现点击导航栏实现相应内容页的切换。
axure7导航菜单.rp
07-20
导航菜单
Axure结构性导航-全局导航-百度为例
12-06
“百度”的全局导航，有别于其他新闻类、工具类或企业官网类网站的全局导航视觉展示——它作为搜索引擎，更加关注搜索方面的内容展示，弱化了全局导航的展示地位。即使如此，也并不影响全局导航在网站中的地位。 用户单击“网页”“新闻”“贴吧”等超链接，会跳转至相应的页面，而每个页面的全局导航均以相同的样式展示在页面顶部附近，除“地图”和“更多”。
Axure web 元件库 最全导航大全
09-15
Axure web 元件库 最全导航大全 折叠面版：常用、水平、手风琴。。。 侧边导航：5大类
axure资源案例：伸缩导航菜单
07-11
axure资源案例：伸缩导航菜单.这是一个简版的构想，传达一种思路。
一个很简易的导航菜单栏，支持左右滑动！
08-22
一个很简易的导航菜单栏，支持左右滑动！ 无意中在群里看到水友问是否有这样的demo，自己正好也闲暇无事写了一下，真的很简单的。望采纳 。谢谢！
Axure10 案例：制作固定在顶部的导航
AxureBoutique的博客
02-25 1477
页面滚动时，我们在网站上可以经常看到固定在顶部的导航，它保证了用户在任何时候都可以利用顶部导航。 本教程的方案采用了最简洁快速的方式，与现有的实现方法不同。它解决了页面向下滚动时，页面中间的导航的固定效果问题。（适用于web或app端）
Axure导航栏
weixin_44540247的博客
12-17 1187
导航栏在项目中是一个比较常见的模块，经常用作为功能模块分类的一个菜单。通过鼠标移入或者点击展开当前导航模块的功能列表。 最鲜明的例子就比如Axure软件的菜单栏。 通过鼠标移入或者点击都会展开当前分类，要使用Axure来制作这样一个案例也需要两点：布局和交互用例，下面将通过这个导航栏栏案例来做演示。 导航栏样式布局： 样式布局可以有几种方式，可以直接截图使用图片，再在对应分类上加元件；也可以直接制作一个相同样式（演示使用图片）。 首先将图片截取好，然后添加图片元件将该图片引入其中。 再在每个分类上添加一
Axure实现导航栏的展开与收缩
LAO__LIN的博客
04-12 1493
使用场景一般是B端后台系统需要以导航栏的展开与收缩实现原型的动态交互，主要使用区域是左边或者顶部的导航栏展开与收缩，同一级导航下的小标题，放在一起既美观又节省时间。
AxureRP教程：入门到精通
用户可以通过工具功能条、右键菜单进行页面的增加、移动、复制和类型设置，以优化项目结构和管理。 4. 模板复用： 模板功能支持用户创建可复用的组件，提高设计效率，通过右键操作可调整模板的位置和行为，实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值