网站导航设计模式指南（2）
作者：rockux 来源：rockux 发布时间：2011-03-04 16:12:00
标签：导航,设计,指南
侧边栏导航的一般特征
文字链接作为导航项很普遍（包含或不包含图标）
很少使用选项卡（除了堆叠标签导航模式）
竖直导航菜单经常含有很多链接
竖直/侧边栏导航缺点
因为可以处理很多链接，当竖直菜单太长时有时可能将用户淹没。尝试限制你引入的链接数，取而代之可以使用飞出式子导航菜单以提供网站的更多信息。同时考虑将链接分放在直观的类别当中，以帮助用户很快地找到感兴趣的链接。
何时使用竖直/侧边栏导航
竖直导航适用于几乎所有种类的网站，尤其适合有一堆主导航链接的网站。
选项卡导航
选项卡导航可以随意设计成任何你想要的样式，从逼真的，有手感的标签到圆滑的标签，以及简单地方边的标签等。它存在于各种各样的网站里，并且可以纳入任何视觉效果。
选项卡比起其它类别的导航有一个明显的优势：它们对用户有积极的心理效应。人们通常把导航与选项卡关联在一起，因为他们曾经在笔记本或资料夹里看见选项卡，并且把它们与切换到一个新的章节联系在一起。这个真实世界的暗喻使得选项卡导航非常直观。
选项卡导航的一般特征
样子和功能都类似真实世界的选项卡（就像在文件夹，笔记本等中看到的一样）
一般是水平方向的但也有时是竖直的（堆叠标签）
选项卡导航的缺点
选项卡最大的缺点是它比简单的顶部水平栏更难设计。它们通常需要更多的标签，图片资源以及CSS，具体根据标签的视觉复杂度而定。选项卡的另一个缺点是它们也不太适用于链接很多的情况，除非它们竖直地排列（即使这样，如果太多的话它们还是看起来很不合适）。
何时使用选项卡导航
选项卡也适合几乎任何主导航，虽然它们在可以显示的链接上有限制，尤其在水平方向的情况下。将它们用于拥有不同风格子导航的主导航的较大型网站是个不错的选项。
0
投稿猜你喜欢
- 双休日常常意味着很多休息时间。与其懒洋洋地坐在那里玩游戏，为何不学点新知识武装自己？本文中不会特定推荐哪种编程语言，但是会提供基于GitHu
- pyecharts 是一个用于生成 Echarts 图表的类库。 Echarts 是百度开源的一个数据可视化 JS 库。主要用于数据可视化。
- 本文实例为大家分享了原生js实现tab选项卡切换效果的代码，供大家参考，具体内容如下1.html部分<body> <div
- 环境配置1：安装mysql，环境变量添加mysql的bin目录环境配置2：python安装MySQL-Python请根据自身操作系统下载安装
- Python字符串介绍字符串是一系列字符。在 Python 中，引号内的任何内容都是字符串。您可以使用单引号或双引号。例如：message
- 默认情况下，Map输出的结果会对Key进行默认的排序，但是有时候需要对Key排序的同时还需要对Value进行排序，这时候就要用到二次排序了。
- 如： 0.625 取 1 2.1 取3 3.6 取4 <％ if fix(a)>a then b=fix(a) else b=f
- python time模块计算时间之间的差距练习题1. 当前月1号对应的0点的时间戳# 定义一个当前月分的一号0点字符串格式的时间 now_
- 程序只要在运行，就免不了会出现错误，错误很常见，比如Error，Notice，Warning等等。在PHP中，主要有以下3种错误类型。1.注
- Event是Javascript中的重要事件，event代表事件的状态，专门负责对事件的处理，它的属性和方法能帮助我们完成很多和用户交互的操
- oracle命令删除用户：connect / as sysdba; shutdown abort; startup;&n
- 第一种np矩阵可以直接与标量运算>>>import numpy as np>>>arr1 = np.ar
- 如何自动下载所有依赖包？大部分情况下大家下载 Go 项目都是使用go get命令，它除了会下载指定的项目代码，还会去下载这个项目所依赖的所有
- 发一个数字拼图游戏，有点小疑问前几天写得，其中一段代码还要感谢“簡簡單單愛妳”的提示，不过我还是不太明白， ，有点笨。 $(&qu
- 之前看到过很多人写的飞机大战，当然了之前我也写过多个版本，总体来说功能是实现了，但总感觉不够“炫”今天浏览Python资料的时候，意外发现了
- 一、Ajax 跨域请求Ajax 请求一个目标地址为非本域（协议、主机、端口任意一个不同）的 web 资源。前端http://192.168.
- 本文研究的主要是Django使用httpresponse返回用户头像，下面是相关实例代码。当请求一个页面时，Django 把请求的 meta
- 代码: <?php $page=$_GET['page']; include($page.'php')
- 因为需要检测一个一个链接中是否包含了IP地址，在这里需要使用到正则表达式 ，python完美的支持了正则表达式，在这里使用re模块来完成，对
- 概述从今天开始, 小白我将带领大家一起来补充一下 数据库的知识.数据控制语言数据控制语言 (Data Control Language) 是
