今天给大家分享如何制作顶部导航栏，enjoy
　　当设计者使用导航或者自定义一些导航结构时，请注意：
　　尽可能提供标识、上下文线索，避免用户迷路；
　　保持导航样式和行为一致或者减少导航数量，降低用户学习成本；
　　尽可能减少页面间的跳转（例如：一个常见任务需要多个页面跳转时，请减少至一到两次），让用户移动距离保持简短。
　　一级类目建议在27个以内。标题长度长26个。
　　一、交互方式分析
　　（1）当鼠标的悬浮、点击选中时，导航字体颜色由【浅灰色】变为【白色】。
　　（2）鼠标点击选中时，高亮条移动到相应位置，且由小变大。
　　（3）鼠标移入个人中心，【子菜单】先下拉弹出显示；鼠标移出个人中心，【子菜单】上拉隐藏；
　　二、交互讲解一：鼠标的悬浮、点击选中
　　（1）选顶部栏所有菜单选项，在其【属性】栏中的交互样式，设置鼠标悬浮和选中时，字体颜色的变化，颜色设置为白色ffffff。
　　（2）设置选项组名称，暂命名为：顶部；（这是为了实现导航只选中一个的效果）
　　三、交互讲解二：高亮条移动
　　1、高亮条的移动，主要是利用元件的隐藏位移及显示；
　　2、选中某一个导航菜单，选择【鼠标点击时】交互事件，添加隐藏事件，勾选【高亮】；
　　3、设置【高亮】矩形的宽度尺寸为2，锚点为中心，主要是使其变小；如下：
　　4、移动【高亮】至绝对位置，X轴〔〔This。x10〕〕、Y轴〔〔Target。y〕〕；如下图所示：
　　5、添加等待事件，事件110毫秒；
　　6、设置【高亮】矩形的宽度尺寸为80，主要是使其变大；同上；
　　7、设置当前元件This为选中状态
　　详细交互事件如下所示：
　　四、交互讲解三：个人中心子菜单弹出
　　选中【个人中心】，添加【鼠标移入时】事件：选中【子导航】，可见性设置为【显示】效果，动画为：向下滑动，时间：200秒，切记，更多选项为：弹出效果。
　　如下所示：

分版本注释法：如何迭代你的产品文档更省成本？因一直使用Axure来写写画画产品文档，就借Axure来说明，如何迭代产品文档更省成本。设计产品，自然不仅是画图，更重要的是框定规则，而规则，通过注释的方式展示给团队或客……Axure教程：实现秒表循环本文是教大家如何制作秒表循环功能，一起来看看最近再做一个播放音乐的原型，在做播放界面时遇到了一个问题，就是怎么实现播放时间秒表的循环及开始暂停。虽然上网查了不少资料，但对……AxureRP9教程：建行APP账户拖动效果今天简单用动态面板模拟一下建行APP首页银行账户左右拖动的效果，一起来看看效果图本次效果是卡片拖动的效果，在“总资产”状态下，我们能看到总资产情况和“银行卡1的一半……原型设计实战案例：自适应后台框架作者分享了自己做web端产品后台框架的设计过程，希望能够对你的原型设计工作带来帮助。本人前段事件做了专家管理产品的web端产品，按照当时的要求……Axure教程：一个通用的app注册登录页今天给大家分享一套APP注册登录界面模板，其中包括本机登录页面，短信验证登录页面，密码登录页面，人脸登录页面，微博、微信、QQ、支付宝登录页面，注册页面，用户协议和隐私条款。该……Axure教程：中继器实现商品管理列表本文通过一个商品管理的例子，来说明中继器怎么使用。在这个商品管理列表里面，我们要实现商品信息的分页展示、新增、修改、删除和排序功能。中继器是axure里面非常重要的一个元……Axure教程：高级交互顶部栏今天给大家分享如何制作顶部导航栏，enjoy当设计者使用导航或者自定义一些导航结构时，请注意：尽可能提供标识、上下文线索，避免用户迷路；保持导航样式和行为一致……Axure教程：冰球小游戏年底了，闲来无事，逛产品网站时看到一些大佬的小游戏制作教程，受益匪浅，突发奇想，做了一个冰球类的小游戏与大家交流学习。游戏玩法少废话，先看东西冰球游戏……产品必会的30个Axure使用技巧对于Axure原型工具，很少有产品经过系统学习，一般都是直接上手，边摸索边学习，这直接导致很多快捷操作被忽视。笔者在日常工作中总结出以下小技巧，希望对各位有帮助。1。nb……Axure教程：导航栏如何根据滚动条同步选中？本文给大家介绍的是导航栏如何根据滚动条同步选中，一起来看看实现效果：选中导航栏中的菜单，窗口内容显示对应的内容；窗口滚动时，选中导航栏对应的菜单。创建导航栏（……中继器系列（四）：正反倒计时元件的实现彩蛋篇：获取本机时间，开始24小时倒计时思路：点击触发事件后，获取电脑本地的时间。通过分别获取电脑本地的时、分、秒，进行计算剩余时间。小时通过23减去当前的小……Axure教程：页面拖动效果今天我们来介绍一个简单的基本交互页面拖动。看如何实现页面拖动效果，enjoy想必有不少做移动端的新手同学都有这么一个烦恼，页面想展现手机内容可以上下滑动，但却无法实现，只……