导航设计的最佳实践

时间:2014-04-08 05:51:43

标签: user-interface menu navigation responsive-design jmenuitem

我得到了重建网站的工作。在该网站中,有一个菜单栏,其中包含17个主菜单项及其子菜单。问题是如何设计如此大的菜单栏。现在它看起来像这个enter image description here

我需要重新设计这个结构,我正在寻找一些体面的方式来显示这个链接。我的问题与设计有关。

任何建议都会有很大的帮助..

提前致谢。

2 个答案:

答案 0 :(得分:0)

17个主菜单项很多用于导航栏。 look at the fullscreen nav in this website。你可以试试这个,或者像this website

这样的画布

答案 1 :(得分:0)

毫无疑问,您应该考虑通过对菜单项进行分类和重新组合来简化此菜单。在这种形式下,您的菜单根本不可用,因此不要试图显示它,而是先尝试简化它,然后解决方案就会自然而然。

换句话说 - “分而治之”。

始终有一种方法可以在顶层对不超过5或6的17个元素进行分类。

一个简单的例子 - “会员ID”和“会员搜索”可能属于同一个“会员”菜单。您还应该考虑子菜单项,而不仅仅是这些项目。它们可能会以某种方式重新组织和重组,因此每组中不超过5-6项。