拥有一个干净和结构良好的网站导航是设计一个有效的用户界面的关键。
下拉菜单非常适合具有多层内容层次结构的网站。下拉菜单的典型设计模式是,当用户将鼠标悬停在父导航项上时,将出现导航项的子菜单。在这个集合中有许多不同类型的下拉菜单,用于网站的所有web你的导航设计灵感.
这里有一些有关网站导航的相关集合你可能会感兴趣的:
1.纯粹的控制
纯粹的控制在下拉菜单中添加图片,使用户可以清楚地看到哪些是哪些产品。
2.保时捷
当你将鼠标悬停在每一辆车上时,右边的图像会发生变化。它也看起来惊人的半交通背景。
3.百安居
百安居有一个简洁、醒目的下拉菜单,列出了顾客正在寻找的产品。
4.红砖健康
这个下拉式导航菜单完美地契合了网站的设计,粉色的悬停高亮是一个很好的细节接触。
5.卡雷拉斯欺诈问题
这个下拉菜单的设计体现了网站的手绘主题。
6.Galaico叶形线
这个下拉菜单有一个奇妙的动画效果,小块的木头从主菜单项折叠下来。
7.卡拉威高尔夫
这是一个巧妙整洁的下拉导航设计,有一个橙色的悬停效果。
8.匡威
匡威有一个邋遢风格的下拉菜单,质地像布料,边缘卷曲。
9.彪马
这个深色的下拉菜单在其他颜色较浅的网站中非常突出。
10.太阳镜小屋
这个下拉菜单是功能性的,因为它也可以作为各种样式的太阳镜的插图视觉。
11.Nettuts +
nettttuts +有一个干净的下拉导航菜单,与他们的标题颜色很好地配合。
12.田纳西小径与小路
13.网关
这种设计中的下拉菜单有优美的曲线和美丽的视觉效果,用于显示计算机制造商的产品的图像。
14.伯尔尼
这个粗糙的垃圾风格的网站有一个前卫的下拉菜单,补充了网站总体美学的外观和感觉。
15.高山滑雪
16.吉他英雄
这个简单的下拉菜单是实用的,并且不会从网页布局的主要区域转移注意力。
17.Mac Appstorm
这是一个简洁的下拉菜单,与网站设计的整体景观完美契合。
18.Noizi Kidz
19.奥迪
这个下拉菜单包含这家汽车制造商车型的缩略图;当你将鼠标悬停在一辆汽车上时,它会显示有关该车的详细信息以及到其他页面的相关链接。
20.著名的饼干
这个下拉菜单展示了商店为饥饿的顾客提供的美味饼干。
21.康沃尔公爵领地托儿所
22.EA
艺电(Electronic Arts)有一个风格有趣的下拉菜单。
23.篝火滑雪
Bonfire Snowboarding在他们的“产品”主导航项上有一个很棒的3列下拉子菜单,将他们的产品分为三个类别。
24.脸谱网
Facebook在网站的“账户”主菜单链接上有一个简单的下拉菜单,相关链接可以编辑你的Facebook账户。
25.尼克的广告
要出现子菜单,您必须点击并按住鼠标指针。然后你移动到每个下拉菜单中你想要的链接上,释放你的鼠标按钮来访问该页面;这是一个有趣的非传统交互设计。
26.TN度假
27.MTV英国
28.直流的鞋子
29.Envato市场
30.田纳西州的剧院
这个导航很特别,因为它既干净又有创意。棕色在其他柔和的颜色中非常突出。
31.博登
32.白宫
白色的背景,蓝色的文字,红色的顶部和底部边界利用了美国国旗的颜色。
33.哥咨询
在这个网站上使用的颜色一起工作,就像一个足球队的球员。
34.军官俱乐部
另一个带有下拉菜单的服装网站;有一个下拉菜单使它更容易找到产品。军官俱乐部下拉菜单有多列布局。
35.爱上田纳西州
Fall for Tennessee有一个水平的下拉菜单,可以滑到右边。带有下拉子菜单的菜单项旁边有一个小箭头,表示它们可以展开。
36.索尼
37.项目酒
这个下拉菜单使用适合网站其他部分的颜色。大字体和整体设计看起来令人惊叹。
38.媒体的寺庙
Media Temple的下拉菜单是目前为止最美观的下拉菜单之一。每个主机类型名称旁边的缩略图看起来都很棒,还有出色的基于javascript的动画过渡。
39.Mozilla
40.8月
41.亨利的衣服
42.Digg
43.行动的信封
这个下拉菜单很特别,因为它有很好的阴影效果,将下拉菜单从网站的其他部分带出页面。
44.非常
Very是一家新开的电子商店,它有一个简洁、结构化的下拉导航菜单。
45.装进箱
Incase下拉菜单的颜色比导航背景略浅,与网站整体干净的观感很好地配合。
46.美国之鹰
我非常喜欢American Eagle的下拉菜单,因为它占据了整个网站的宽度,并且与干净的纸张风格的外观融合在一起。
47.五月花号酝酿
48.选择衣服
49.鸟马来西亚
这个下拉菜单很特别,因为它的颜色从网站的其他部分中脱颖而出,而且我非常喜欢每个下拉菜单底部微妙的背景图像。
50.Web紧缩
Web Squeeze在他们的下拉菜单中实现了jQuery,给它一些漂亮的悬停效果。