网站优化之网页顶部导航栏计划总结

注：网页中顶部导航栏每每是用户进入网站后最先看到的处所，抉择着用户对网页的第一印象，其重要性不问可知。

网页中的header，一样平常我们称之为顶部导航栏，这里为了行文利便，以下都简称顶部栏。顶部栏对付一个网站的用户体验来说是至关重要的，由于按照用户的赏识风俗（从左到右，从上到下），当他们进入一个新的网站，顶部栏凡是是他们最先看到的处所。我们都知道用户对付你产物的第一印象是很重要的，由于它会一向陪伴接下来的行使进程，并且第一印象无法变动。

可是顶部栏却是我们计划的一个盲区，我们很少花心思的去研究它。由于我们认为顶部栏无非是一个logo，几个笔墨链接堆砌起来作为菜单，实在没有什么必要留意的处所。可是究竟上顶部栏计划的学问远不止这些。

顶部栏的内容

在举办顶部栏计划前，起首我们要确定的是应该要展示哪些内容。一样平常来说，顶部栏有以下一些内容：

• 品牌logo

• 菜单

• 搜刮框

• 提醒动静

• 登录／注册

• 接洽方法

• 说话切换

• 其他产物可能移动端app的下载链接

• 举动呼叫链接（我要投稿，我要发博）

以上这些都是顶部栏中常见的元素，在计划的时辰我们要按照产物自身的现实环境举办弃取，事实这些信息所有放上去也不太实际。信息太过加载会增进用户的行使承担，留意力会被分手。

汉堡包按钮

弃取虽然意味着既有“保存”也有“舍弃”，可是UI计划中的“舍弃”更多的是指“潜匿”——潜匿一些次要的成果。

在潜匿的同时，我们也但愿当用户必要的时辰，这些潜匿的成果可以随时随地的泛起出来。汉堡按钮可以辅佐我们实现这一点。常见的汉堡按钮是由三条程度线条组成的，很像两层面包一层肉的汉堡包，以是我们形象的称之为汉堡按钮。

（ps：汉堡按钮最初是由海外计划师最先行使并定名，假如是中国计划师发现了它，没准就叫肉夹馍按钮了。）

汉堡按钮可以通过将一些次要的信息潜匿来开释页面的空间，这样使顶部栏越发的清新简捷，用户的留意力可以更好的齐集在那些重要的信息上。

汉堡按钮在页面导航计划中行使的很频仍，用户对此很认识，以是不会特殊增进用户的进修本钱。汉堡按钮计划最必要留意的处所就是它很轻易被用户忽视，以是我们在计划的时辰要通过配色，尺寸，留白的行使来将其恰当的凸显出来。一句话来说，汉堡按钮既要做到清楚展示，又不能占有太大的空间。

双层菜单

双层菜单的样式在迩来的顶部栏计划中也愈发受到计划师的青睐。由于此刻跟着产物成果的不绝增进与完美，徐徐呈现了一些单层菜单无法办理的环境，那就是顶部栏必要展示的内容过多，并且某些特定成果不属于统一层级。为了更好的应对这类环境，计划师们缔造性的行使双层菜单这种样式。

以上面的网站为例，上层的菜单有交际收集的链接（Facebook,Instagram和Twitter），企业logo，搜刮框，购物车和汉堡按钮。基层的菜单有产物种类，业务网点地点，消息，关于我们和接洽我们。在这种环境下，假如将这些信息以传统的单行菜单展示，势必会放不下，造成顶部栏的太过拥挤。

另外双层菜单这种计划样式很新潮，可以给用户线人一新的感受。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!