分享50个有趣的导航菜单设计

简介: 1. Alexarts 一个看上去很好的主页,由4个大气球作为导航菜单,当访问者停留在上面时,气球就会飘起来。 2. Blogger Bake Off 一个精美的网页设计,它使用传统的横向的导航菜单。

1. Alexarts

一个看上去很好的主页,由4个大气球作为导航菜单,当访问者停留在上面时,气球就会飘起来。

分享50个有趣的导航菜单设计 gbin1.com

2. Blogger Bake Off

一个精美的网页设计,它使用传统的横向的导航菜单。

分享50个有趣的导航菜单设计 gbin1.com

3. Small Stone Recordings

一个在网络上最酷的导航菜单。在首页顶部,每个区域部分都作为一个拨号或者记录装置的按钮。

分享50个有趣的导航菜单设计 gbin1.com

4. Loodo

一个好的导航菜单是基于传统的棋盘游戏时。

分享50个有趣的导航菜单设计 gbin1.com

5. Jeff Sarmiento

一个多彩的垂直导航菜单,访问者停留在链接页面时,显示不同的颜色背景和图标。

分享50个有趣的导航菜单设计 gbin1.com

 

6. Fabrica De Caricaturas

一个看上去不错的主页,其特点是呈现一个A4纸的页面,左边则作为标签导航菜单。

分享50个有趣的导航菜单设计 gbin1.com

7.  Genes Sausage Shop

第一眼...

分享50个有趣的导航菜单设计 gbin1.com

8. Robin James Yu

方型的气泡替代了导航菜单项目。设计简单但是非常贴切

分享50个有趣的导航菜单设计 gbin1.com

9. Polar Gold

一个水平的flash样式的导航菜单。光滑而简单

分享50个有趣的导航菜单设计 gbin1.com

10. Madison

一个Grungy风格的导航菜单,当你的鼠标悬浮时会变成红色

分享50个有趣的导航菜单设计 gbin1.com

11. Tennessee Trains & Byways

不要让顶端的分离菜单欺骗了你, Tennessee Trains & Byways拥有世界上最大的下拉菜单

分享50个有趣的导航菜单设计 gbin1.com

12. Innovative Imaging Professionals

一个多彩的flash菜单在照片上列出了各种网站页面

分享50个有趣的导航菜单设计 gbin1.com

13. Carsonified

一个非常酷的水平导航菜单非常贴切的迎合了groovy Carsonified的设计风格

分享50个有趣的导航菜单设计 gbin1.com

14. Fantasy Cartography

一个非常不错的首页。网站的区域都直接链接到首页地图。点击链接将会改变中央的内容

分享50个有趣的导航菜单设计 gbin1.com

15. Bully Entertainment

 一个非常棒的的菜单,他的每个部分都由手工绘制图标组成

分享50个有趣的导航菜单设计 gbin1.com

 

16. Indubitablee

精美精心设计勾勒出的图标使Indubitablee轻而易举的移动到其他地方去

分享50个有趣的导航菜单设计 gbin1.com

17. Power To The Poster

在所有菜单项目中的一个非常实用的设计在页面上的任何链接,当你停在哪里,那里将变成红色背景

分享50个有趣的导航菜单设计 gbin1.com

18. Fundo Los Paltos

一个非常漂亮的木制风格的导航菜单,无论你点击哪里,叶子将作为导航图标跟到哪里

分享50个有趣的导航菜单设计 gbin1.com

19. Yellow Bird Project

一个由卡通图案设计组成的简单且有趣网页菜单

分享50个有趣的导航菜单设计 gbin1.com

20. Pure Grips

一个看起来非常干净漂亮的企业风格横向菜单

分享50个有趣的导航菜单设计 gbin1.com

21. Carbonica

一个简单垂直菜单显示一个箭头和绘制的圆当你悬停项目奇怪的是,并非所有菜单项有这种效果
色彩缤纷的书签作为这个很酷的垂直导航菜单的一纸撕成一块顶部菜单链接
优雅下来的导航菜单完全符合设计和主题的网站

分享50个有趣的导航菜单设计 gbin1.com

 

22. Chris Jennings

顶端破碎纸片的多彩书签作为垂直菜单链接,看起来非常酷

分享50个有趣的导航菜单设计 gbin1.com

23. Time For Cake

一个优雅下来导航菜单。非常贴合设计及其网站主题

分享50个有趣的导航菜单设计 gbin1.com

24. Amazee Labs

另外一个简单但是非常漂亮的水平菜单,非常值得注意

分享50个有趣的导航菜单设计 gbin1.com

25. Guga Fit

一个非常酷的导航菜单,当你鼠标悬浮的时候链接会由蓝变成绿色,简单但是高效

分享50个有趣的导航菜单设计 gbin1.com

26. Ferocious Quarterly

一个丝带样式的菜单,在不同的平面显示页面链接

分享50个有趣的导航菜单设计 gbin1.com

27. USU Students Association

一个非常好看的垂直导航菜单。使用粗体的简单设计。

分享50个有趣的导航菜单设计 gbin1.com

28. FA Design

一个全屏幕的图片变化背景使得样式化的菜单看起来非常不错

分享50个有趣的导航菜单设计 gbin1.com

29. Biola Undergrad

一个基本的水平导航菜单和Biola Undergrad的多彩设计搭配的非常好

分享50个有趣的导航菜单设计 gbin1.com

30. C & C Coffee

一个非常有趣的基于flash的菜单 ,顶端悬挂着链接

分享50个有趣的导航菜单设计 gbin1.com

31. Helmy Bern

一个非常有趣的菜单使用破碎的卡片来包裹

分享50个有趣的导航菜单设计 gbin1.com

32. Crumpler

一个基于图片的导航菜单,和社交媒体整合的非常好

分享50个有趣的导航菜单设计 gbin1.com

33. B & Q

每一个类别展示了一堆网站的链接。一个非常好的例子展示如何设计一个网站简单的导航几百个面。

分享50个有趣的导航菜单设计 gbin1.com

34. From The Couch

一个简答的垂直下拉菜单和博客整合的非常好

分享50个有趣的导航菜单设计 gbin1.com

35. Get Me Fast

很多背景图片都是为标题设计的链接。

分享50个有趣的导航菜单设计 gbin1.com

36. Eye Bridge

一个基于图片的菜单,当你悬浮鼠标的时候一个圆圈会显示在页面文字周围。

分享50个有趣的导航菜单设计 gbin1.com

37. CampLuxe

一个看起来非常清晰专业的导航菜单。

分享50个有趣的导航菜单设计 gbin1.com

38. NickAd

可能不是最实用的菜单但是绝对是最酷的。页面除了一个左上角的logo外基本都是空的。当查看页面的时候指针会变成星星状。如果你点击页面,一个水平的菜单将会出现,方便你导航

分享50个有趣的导航菜单设计 gbin1.com

39. Envira Media

一个非常漂亮的生态样式的垂直导航菜单

分享50个有趣的导航菜单设计 gbin1.com

40. XHTML Cafe

另外一个非常好的互动主页例子。顶端的菜单和首页的很多元素都是可以点击的

分享50个有趣的导航菜单设计 gbin1.com

41. Design Bombs

一个抽象的设计,整合了设计Design bombs网站的风格

分享50个有趣的导航菜单设计 gbin1.com

42. Paolo Cavanna

一个独特的导航菜单使用一个单页面设计实现

分享50个有趣的导航菜单设计 gbin1.com

43. Surf Station

一个抽象垂直设计的导航菜单,可以增加菜单链接的大小和粗细。

分享50个有趣的导航菜单设计 gbin1.com

44. Racket

一个创新的导航菜单和网站的主题非常贴切

分享50个有趣的导航菜单设计 gbin1.com

45. CL Designz

一个非常不错的设计,独特,多彩,有趣并且实用

分享50个有趣的导航菜单设计 gbin1.com

46. Keith Cakes

一个简单的水平菜单,使用漂亮的书法

分享50个有趣的导航菜单设计 gbin1.com

47. Carbon Made

每个页面的背景颜色都不同,然而多彩的导航菜单保持一致

分享50个有趣的导航菜单设计 gbin1.com

48. Manic Design

一个滚动的垂直导航菜单,当你滚动页面的时候移动指针。

分享50个有趣的导航菜单设计 gbin1.com

49. HydroHolistic

一个非常有趣的水平菜单,每一个页面鼠标悬浮到一个链接时显示了一个可以描述的弹出窗口

分享50个有趣的导航菜单设计 gbin1.com

50. Space O Technologies

一个卡通的字体符合卡通的设计特点。这是一个单页面设计,所以菜单的颜色依赖于你查看的页面部分

分享50个有趣的导航菜单设计 gbin1.com

目录
相关文章
|
2月前
Axure设计之多级菜单导航教程(中继器)
在数字化时代,优化产品设计,提升用户界面交互,是产品设计着重考虑的点。针对传统菜单导航复杂繁琐的问题,本设计提出了一套灵活的菜单导航方案,结合中继器与动态面板,实现一键搜索、菜单收藏、多级菜单导航、点击展开收缩等交互功能,旨在提升领导满意度,增强产品设计体验。
|
5月前
|
小程序 API
【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)
【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)
111 0
|
7月前
|
JavaScript 前端开发 定位技术
小图标还不会设计!
小图标还不会设计!
|
7月前
【最全最详细】使用publiccms实现动态可维护的导航菜单栏
【最全最详细】使用publiccms实现动态可维护的导航菜单栏
|
数据可视化 JavaScript 前端开发
“管理Layui树形图,提高页面交互性与可视化效果“
“管理Layui树形图,提高页面交互性与可视化效果“
89 0
html+css实战178-快捷导航布局
html+css实战178-快捷导航布局
108 0
html+css实战178-快捷导航布局
html+css实战179-快捷导航布局-内容
html+css实战179-快捷导航布局-内容
108 0
html+css实战179-快捷导航布局-内容
|
Web App开发
网站导航设计指南
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具 “如果人们在浏览网站时遇到困难,他们就会犹豫是否要回到该网站。
1131 0
在Mockplus中,如何做鼠标悬停时菜单下拉的效果?
了解Mockplus的用户会知道,该原型工具目前并不直接支持鼠标悬停功能。但我经过尝试,发现想用它实现一个鼠标悬停事件并不是什么难事,比如网页设计中很常见的鼠标悬停时菜单下拉的效果,只要换个思路,利用Mockplus的状态交互功能,就能轻松实现。
1108 0