blog20201231：03-Axure顶部导航栏的实现

顶部栏对于一个网站的用户体验来说是至关重要的，用户的浏览习惯（从左到右，从上到下），当他们进入一个新的网站，顶部栏通常是他们最先看到的地方。

作为设计师，需要预测用户经常访问的内容，将最重要、最常用到的条目置于导航栏当中，要永远将最关键、最重要的导航类目让用户看到，才是导航所应该做到的事情，换句话来说，就是关键内容驱动导航分类。

一、顶部导航内容分析：
品牌logo、菜单、搜索框、提示消息、登录／注册、操作手册、语言切换、角色切换等信息。

以上这些都是顶部栏中常见的元素，在设计的时候，一级类目建议在 2-7 个以内。标题长度长 2-6 个。在设计的时候我们要根据产品自身的实际情况进行取舍，毕竟这些信息全部放上去也不太现实。信息过度加载会增加用户的使用负担，注意力会被分散。

二、顶部导航交互分析：
1、当鼠标悬浮、点击选中时，导航字体颜色由【白色】变为【蓝色】。

2、鼠标点击选中时，高亮条移动到相应位置，由小变大。

3、鼠标移入某个菜单，【子菜单】先下拉弹出显示；鼠标移出某个菜单，【子菜单】上拉隐藏；

三、顶部导航一级菜单交互实现：悬浮、选中、高亮条效果