水泡导航栏目前在不少网页中存在着，其效果较为生动有趣，可以给用户很好的体验。本文就此分享下如何利用Axure制作这种导航栏。
　　题目中之所以叫做水泡导航栏，是因为这种导航栏的聚焦方式好像一个水泡移动到相对应的位置。这种导航栏还是在不少网页中存在着，因为比较生动，比较有趣，因此也比较容易让用户产生好感。这里就教大家如何使用axure原型工具制作这种导航栏。
　　第一步：拖拉摆放好相应的控件
　　一个627X57的长矩形拖拉放在适当位置；
　　五个125X55的篮框蓝底白字矩形横排在长矩形上面，文字分别为：“首页”，“项目介绍”，“企业动态”，“公司文化”和“人才招聘”；
　　一个125X55的没文字文本标签矩形，命名为“透明层”；
　　一个109X42的白色圆角矩形，50的半透明，命名为“半透明层”；
　　然后将“透明层”和“半透明层”组合，命名为“水泡”，并将其放在“首页”的上面。
　　第二步：为那五个带文字的矩形添加鼠标移入时用例
　　首先，可以先为“首页”添加鼠标移入时用例，用例中只需添加一个动作：移动水泡至当前元件的x轴位置和y轴位置，移动方式为绝对移动，动画为线性，时间为500毫秒。
　　然后，可以将“首页”的交互用例复制粘贴到“项目介绍”，“企业动态”，“公司文化”和“人才招聘”中。
　　制作至此就结束了，点击预览，鼠标在导航栏上移动就可以看到效果了。
　　效果图：http：ovnyu4。axshare。com

Axure教程：原型设计之水泡导航栏水泡导航栏目前在不少网页中存在着，其效果较为生动有趣，可以给用户很好的体验。本文就此分享下如何利用Axure制作这种导航栏。题目中之所以叫做水泡导航栏，是因为这种导航栏的……Axure教程：如何使用Axure中继器元件？这是本人在“人人都是产品经理”发表的第一篇文章，主要目的是教会小白使用Axure7。0新增的组件中继器（Repeater）。才疏学浅，如有纰漏，还请指正。使用之前在……Axure中继器实践：如何制作一个记忆翻牌小游戏？中继器一直是Axure里的学习难点，如何使用，什么场景下使用的教程，都值得爱学习的人一看究竟。今天以一个趣味的小游戏为例，来学习中继器的数据添加、标记、排序、删除功能。游……技能GET：高效产出PRD的“三不”原则简单来说，拒绝高保真、拒绝废话、拒绝重复，把自己的时间花在产品的核心驱动力上，减少对无用功的投入，降低单调重复的操作频次，才能保证高效产出有价值的牵引力。现在业内对于产品……Axure教程：如何制作炫酷高效的元件库？本文根据作者的经验，梳理出如何制作出炫酷高效的元件库，希望能给大家带来一些帮助。经常做高保真原型图的童鞋们应该都有这种感觉：原型图中的元件是高度重复的。比如搜索框，做好一……Axure教程：原型设计之播放控制条看视频时或者听音频时，播放控制条基本是必备的控件，以方便用户随意快进快退到随意一个点，这也正是互联网便捷人性的体现。看似简简单单的播放控制条，若想将其原型制作成可拖动效果，还是……善用Axure写PRD：如何设置手机APP原型？上篇文章聊了一下为什么375667是移动端原型设计的最佳分辨率，今天我们来讲讲如何在Axure中如何设计375667的原型。看起来再简单不过，其实这里面有很多讲究，请听我慢慢道……善用Axure写PRD，如何生成适配手机的原型之前2篇文章讲了《为什么375667是移动端原型设计的最佳分辨率》和《如何设置手机APP原型尺寸》，这一篇讲解如何设置Axure来生成可以在手机上完美查看的APP原型。逻辑上有……善用Axure写PRD，把原型放到手机里查看前几天讲了《为什么375667是移动端原型设计的最佳分辨率》，然后《如何生成适配手机的原型》，以及《如何设置手机APP原型尺寸》。这一篇讲解如何将原型放到手机里面查看，先分享效……Axure教程：微信面对面建群原型设计微信面对面建群系一个十分实用方便的功能，今天我们就来聊一聊微信面对面建群原型设计的具体操作方法。微信的添加朋友模块里，有一项面对面建群的功能，让身边的朋友可以输入同样的4……Axure教程丨制作自己的Axure元件库接触Axure有一点时间了，每次进行原型设计都需要载入好多个元件库或打开之前做的原型复制元件，不仅浪费时间而且缺少规律，所以决定整理一个自己常用的Axure元件库，以便之后做原……为什么375667是移动端原型设计的最佳分辨率部分PM在设计移动端产品的时候，往往是随意画了个原型尺寸或者上网找个模板套进去，当然也有部分知道用375667比较好，但是不知其所以然。接下来，我来讲清楚为什么以及前世今生。……