A simple summary of web navigation types

1. Types of Web
N A V I G A T I O N
By 00
http://www.uegeek.com/

2. 按用途分
结构导航 关联导航 功用导航 页内导航
（Structural Navigation） （Associative Navigation） （Utility Navigation） （Internal Page Navigation）
全局导航 上下文导航 跨站导航
（Global/Main Navigation） （Contextual Navigation） （Extra-Site Navigation）
局部导航 相关性导航 工具箱
（Local Navigation） （Adaptive Navigation） （Toolboxes）
快速链接 标识链接
（Quick Links） （Linked Logo）
页脚导航 语言选择器
（Footer Navigation） （Language Selectors）
国家或地区选择器
（Country Or Region
Selectors）
By 00
uegeek.com

3. 按形式分
标签型导航 层级型导航 菜单型导航 内容型导航
（Tabs Navigation） （Hierarchy Navigation） （Menus Navigation） （Content Navgation）
导航标签 面包屑 垂直下拉菜单（Vertical 页面导航
（Navigation Tabs） （Breadcrumbs） Dropdown Menu） （Pagination）
模块标签 快捷下拉菜单 水平下拉菜单（Horizontal 标签和标签云
（Module Tabs） （Shortcut Dropdown） Dropdown Menu） （Tag/Tag Cloud）
首页链接 手风琴菜单 缩略图
（Home Link） （Accordion Menu） （Thumbnail）
页脚导航 走马灯
（Footer） （Carousel）
连续滚动
（Continuous Scrolling）
存档
（Archive）
文章列表
（Article list）
事件日历
By 00 （Event calendar）
uegeek.com

4. Examples
按用途分

5. 按用途分 > 结构导航 > 全局导航（Global/Main Navigation）
http://www.lonelyplanet.com/

6. 按用途分 > 结构导航 > 局部导航（Local Navigation）
http://philips.com/

7. 按用途分 > 关联导航 > 上下文导航（Contextual Navigation）
http://wikipedia.org/

8. 按用途分 > 关联导航 > 相关性导航（Adaptive Navigation）
http://www.amazon.com/

9. 按用途分 > 关联导航 > 快速链接（Quick Links）
http://www.princeton.edu/

10. 按用途分 > 关联导航 > 页脚导航（Quick Links）
http://www.ebay.com/

11. 按用途分 > 功用导航 > 跨站导航（Extra-Site Navigation）
http://www.google.com/

12. 按用途分 > 功用导航 > 工具箱（Toolboxes）
http://www.alipay.com/

13. 按用途分 > 功用导航 > 标识链接（Linked Logo）
http://www.apple.com/

14. 按用途分 > 功用导航 > 语言选择器（Language Selectors）
http://wii.com/

15. 按用途分 > 功用导航 > 国家或地区选择器（Country Or Region Selectors）
http://www.tiffany.com/

16. 按用途分 > 页内导航（Country Or Region Selectors）
http://www.apple.com/

17. Examples
按形式分

18. 按形式分 > 标签型导航 > 导航标签（Navigation Tabs）
http://www.apple.com/

19. 按形式分 > 标签型导航 > 模块标签（Module Tabs）
http://www.360buy.com/

20. 按形式分 > 层级型导航 > 面包屑（Breadcrumbs）
http://www.163.com/

21. 按形式分 > 层级型导航 > 快捷下拉菜单（Shortcut Dropdown）
http://www.toyota.co.uk/

22. 按形式分 > 层级型导航 > 首页链接（Home Link）
http://www.ibm.com/

23. 按形式分 > 层级型导航 > 页脚导航（Footer）
http://news.cnet.com/

24. 按形式分 > 菜单型导航 > 垂直下拉菜单（Vertical Dropdown Menu）
http://www.dell.com/

25. 按形式分 > 菜单型导航 > 水平下拉菜单（Horizontal Dropdown Menu）
http://www.amazon.com/

26. 按形式分 > 菜单型导航 > 手风琴菜单（Accordion Menu）
http://www.cnn.com/

27. 按形式分 > 内容型导航 > 页面导航（Pagination）
http://www.google.com/

28. 按形式分 > 内容型导航 > 标签和标签云（Tag/ Tag Cloud）
http://www.delicious.com/

29. 按形式分 > 内容型导航 > 缩略图（Thumbnail）
http://www.bing.com/

30. 按形式分 > 内容型导航 > 走马灯（Carousel）
http://www.douban.com/

31. 按形式分 > 内容型导航 > 连续滚动（Continuous Scrolling）
http://t.qq.com/

32. 按形式分 > 内容型导航 > 存档（Archive）
http://www.uegeek.com/

33. 按形式分 > 内容型导航 > 文章列表（Article list）
http://www.visitmix.com/

34. 按形式分 > 内容型导航 > 事件日历（Event calendar）
http://live.cnn.com/

35. Reference
http://book.douban.com/subject/2146224/ http://ui-patterns.com/
By 00 Contact me
Email: uegeek@gmail.com
uegeek.com MSN： lin.j@msn.com