大量和功能丰富的下拉式导航菜单

大量和功能丰富的下拉式导航菜单

似乎我们已经把巨大的下拉菜单抛在了身后,取而代之的是移动友好的小汉堡按钮,它巧妙地隐藏了一个巨大的面板,上面有链接、粘性的流线型导航条,或者只是优雅的侧边栏;然而,仍然有一些项目没有大菜单就无法正常工作。

经典和经过时间考验的下拉列表那些曾经流行的衣服现在看起来又重又不时髦。尽管如此,它们仍然有很大的潜力,能够方便地提供各种信息,而不需要牺牲宝贵的空间。他们需要的只是在设计方面的一些增强和轻微的升级,以满足大小屏幕的需求。

我们发现了20个改进的功能丰富的导航菜单。他们认为下拉菜单正在变得越来越好:变得更快、更轻量、图标和多媒体更加丰富。它们不仅是内部结构的度假工具,还会用广告、促销照片、社交媒体,甚至是带有“购买”按钮的产品盒来征服在线读者。

大的下拉菜单

阿迪达斯足球

该品牌以拥有巨大和包罗万象的下拉菜单的网站而闻名,这些下拉菜单巧妙地平衡了拷贝和图像。单色调色板,大量的空白和组织良好的列表,创造了愉快的体验。

阿迪达斯足球

精品里昂

该网站利用附带的图标,仔细地可视化每个菜单项。它们既用于顶层,也用于下拉区域。这些俏皮的线条风格的字形与主题很好地配合,使导航更直观和视觉上的吸引力。

精品Olimpique里昂

Treblecone

Treblecone使用的块只占用所需的空间。通过这种方式,“欢迎”部分甚至在用户浏览导航栏时也发挥了展示励志图片的作用。虽然下拉菜单的背景是略微透明的,但它仍然提供了与内容的最佳对比。

Treblecone

Le滑法语

Le Slip Francais注重菜单项的含义,因此下拉面板依赖于一系列相对较大的图标。用户只需扫一眼就能快速找到想要的类别。每一个字形都是在一个品牌的色彩和整齐的平面风格。

Le滑法语

Belazu

Belazu用图片填充了它的巨型下拉菜单。由于图像价值千言万语,解决方案活跃了项目和导航,使探索更愉快和方便。

Belazu

Gibbston谷

吉布斯顿谷是另一个网站,它有一个巨大的菜单,支持的图像几乎覆盖了整个屏幕。每一幅画面都巧妙地表现了一个环节,丰富了视觉体验。

Gibbston谷

SM Seruya

SM Seruya有一个信息丰富和内容密集的网站,需要以方便和直接的方式显示大量数据。这个巨大的导航面板以一个传统的流线型线条开始,以一个巨大的带有链接和促销图片的滑出框结束。它具有严格的结构和完善的组织,增强了可读性。

SM Seruya

Acties

Acties有一个相对较小的下拉菜单,它只占用几行。每个菜单项都有一个支持轮廓图标,并放置在网格系统中。灰色与白色背景很好地配合,与整个主题一致。

Acties

储层

水库有一个优雅的菜单,符合网站美学。虽然字体非常小,标题仍然是可读的,因为一个完美的对比,列表风格的组织,和充足的空间。宣传片马上吸引眼球,成为焦点。

储层

奢侈

Luxe利用了一个覆盖整个屏幕宽度的菜单。尽管有大量未使用的空间,但是组件没有被额外的文本或图像重载。相反,团队保留了开放的感觉,增加了大量的新鲜空气,加强了豪华的外观。

奢侈

Dogswelll

在这里,团队已经设法使主导航恢复了秩序。链接被小心地布置在几个列中,每隔一定的间隔和相对较大的行高。因此,每个条目都有自己的位置,组件具有良好的可读性。固体半现实的图标是完美的补充。

Dogswell

MTV塞尔维亚

塞尔维亚MTV电视台看起来生机勃勃,充满活力。有很多有趣的转折:不对称的布局,明亮的色彩,平面的图形,霓虹灯般的触摸,视频和更多。而在菜单部分,则是按照传统的数据呈现方式:纯色背景,简单的排列,完美的对比。

MTV塞尔维亚

有酒店

THB酒店有一个下拉菜单,非常适合这里。虽然它的内容很丰富,但由于附带的图标和模块化的系统,用户不会迷路。

有酒店

助教在户外

GSI Outdoors试图将用户的注意力集中在菜单项上,而不会打乱设计。这些子层次省略了不必要的东西,并选择了由图像产生的视觉效果。后者将内容置于一切之上,并吸引在线访问者。

助教在户外

皇家罗宾斯

Royal Robbins有一个半透明的子菜单,看起来很精致。虽然它在一定程度上遮蔽了郁郁葱葱的图像背景,但用户仍然可以享受其如画的场景。用于显示标题的白色色调和清晰的排版有助于描述内容并使其易于理解。

皇家罗宾斯

Creative3设计

Creative3 Design的巨型下拉菜单看起来简直让人受不了。它包含了很多令人讨厌的信息。当然,柱式结构试图挽救这种情况;但是,很难立即找到所需的链接。

Creative3设计

鸟巢的设计

Nest设计使用积木来显示主菜单的子菜单。每个框包含文本数据和具有活动链接和CTA的相关产品的图像。这个小小的营销策略可以提高转化率。

鸟巢的设计

快船环游世界

环球快船有一个经典的下拉菜单,其中包括一个适当安排的链接列表。它与项目的基调相匹配,并且不会用大量的视觉效果分散注意力。小缺点在于颜色需要一些改进,因为可读性有点问题。

快船环游世界

秘密巢穴

菜单的顶层只有三个链接,它们被分成十几个其他的链接,并以子层的形式呈现。虽然,作为一个规则,下拉部分只利用几个列,但团队留下了开放空间,使导航看起来更沉重和引人注目。

秘密巢穴

Bracketron

从屏幕截图中可以看到,下拉框有一个小缺陷。即使菜单符合主题,有一定程度的优雅和复杂,但在可读性方面,它不能很好地发挥它的作用。也许一个不太透明的背景就可以了。

Bracketron

结论

电子商务、新闻网站、在线杂志和那些具有复杂信息层次结构的项目更喜欢大量和功能丰富的下拉菜单。它们允许包含所有类别,并以直接和直观的方式呈现它们,从而节省大量空间。附带的图像和图标给组件带来了新的活力。

你喜欢哪种导航:巨大的下拉框、侧边栏还是隐藏在汉堡包按钮之下?你觉得有图片和视频的菜单好用吗?与我们分享你的观点。

2020-02-10 17:07
相关热门