![](https://img.haomeiwen.com/i2731339/64eae1f306b909cb.jpg)
作为Axure新手刚入门,当然想要快速上手,于是我在网上搜索了很多Axure元件库,可是都没有找到很方便好用的。特别是搜到的几乎都是移动应用相关的元件库,Web的非常少,元件也不全。
所以既然磨刀不误砍柴工,不如自己做一套Axure元件库,将来画原型时不仅可以节省很多时间,还能更灵活的定制交互方式。
Axure元件库:Web导航,菜单和选项卡
下载链接在文末,库里包含了以下这些元件:
1. 垂直导航
适用于网站左侧的导航,包括一级菜单,二级菜单
![](https://img.haomeiwen.com/i2731339/a44f936ab14ccd4d.jpg)
2.水平导航
适用于网站顶部的导航,包含一级菜单,二级菜单
![](https://img.haomeiwen.com/i2731339/518663f0a4e0e367.jpg)
3. 左侧选项卡
适用于选项卡在左侧,内容在右侧,没有包含内容的动态面板
![](https://img.haomeiwen.com/i2731339/b44c734de190e70f.jpg)
4. 顶部选项卡
适用于选项卡在上方,内容在下方,同样没有包含内容的动态面板
![](https://img.haomeiwen.com/i2731339/8a5d781833de9145.jpg)
5. 简单菜单
适用于页面局部导航,包含了菜单标题和简单分割
![](https://img.haomeiwen.com/i2731339/49bc1b9492847194.jpg)
6. 折叠菜单
适用于局部或全局导航,折叠交互效果做起来最麻烦,包含了一级菜单和折叠的二级菜单
![](https://img.haomeiwen.com/i2731339/440d40bf513a11f9.jpg)
7. 扩展导航栏
适用于网站顶部的导航,包含了网站Logo和搜索工具,以及自定义的菜单项
![](https://img.haomeiwen.com/i2731339/65654ee8086504a9.jpg)
8. 移动端菜单
最后一个是移动端适配的菜单,包含了折叠的一级菜单和二级菜单
![](https://img.haomeiwen.com/i2731339/91df4ac350428680.jpg)
最后
(更新了下载链接啦!)既然做好了,也不吝啬分享给大家,好不好用都可以给我反馈 ^(* ̄(oo) ̄)^
版本:Axure RP 8
链接: https://pan.baidu.com/s/1gfITNaj 密码: egga
网友评论