大型导航菜单设计趋势在现代网站

我们都在网上看到过大型导航和全屏下拉。它们在网络上很常见，在有大量链接的网站上尤其有用。

但是设计一个大型的导航系统是很痛苦的。对于这些菜单没有严格的指导方针，所以你必须研究其他人在做什么，并尝试做出符合你的项目的东西。

学习这里:如何创建一个CSS3巨型下拉菜单。

让我们来看看一些大型导航的趋势，看看他们如何使用传统下拉菜单，并进一步推动它们。

深层次的类别

大型导航的最有价值的设计风格是柱状结构。

这让您可以为链接指定“类别”，并在不使用多个弹出菜单的情况下创建更深的链接。一个大型的导航下拉菜单可以跨越整个页面，这样你就可以在一个下拉菜单中至少放置3-4列。

大型导航菜单设计趋势在现代网站。

看看Wayfair，它使用了一种非常独特的下拉菜单。他们有一个“部门”的链接，你可以按类别浏览，甚至可以分类，比如卧室>床头柜。



这个链接的旁边是一个“房间创意”的下拉菜单，你可以在这个房间里浏览。这个下拉菜单将图片放在链接的旁边，这样你就可以更轻松地浏览各种选择。

不需要很长时间就能意识到他们将导航项目划分为类别。这些都遵循了一个类似的趋势，Wayfair的男士导航只需要两个主要的链接来工作!

超级菜单

另一家电子商务商店Puma也有类似的柱状结构。

但是他们会根据人口统计和项目划分类别，然后在每个meganav中找到每一项的列(特色产品、服装、运动等)。

注意，这些列有它们自己的标题，它们从其他链接中脱颖而出。它创建了一个真正的列结构，因为您可以先浏览列标题，然后从那里浏览子链接。

类似的对幸运品牌的影响，但在设计上有一个扭曲。

下拉菜单

它们的所有列都有相同的颜色方案，但它们使用不同的字体。这可以使快速浏览更加困难，但它仍然是可用的。

幸运的动画效果也很不错，所以这是值得考虑的。

但是，如果你正在与一个大型导航系统进行斗争，试着先把你的链接归类到更深层的类别中。

宽屏下拉

这个趋势在每个网站上都没有使用，但我现在看到的更多了。

超大的导航菜单可以跨越整个页面的宽度，为桌面和笔记本用户创造更多的空间。移动用户通常有隐藏的菜单，所以他们从来没有真正看到完整的效果。

宽屏下拉

对Pluralsight的导航是一个很好的例子，它具有全屏超级菜单。内容保持与页面本身相同的宽度，但是菜单确实跨越了整个屏幕。

这是一个很酷的效果，因为它在菜单中创造了更多的空间。或者至少给人更多空间的视觉错觉。 本文来源：优站，转载请注明出处！如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们！