网页美工导航栏.pptVIP

何时使用顶部水平栏导航顶部水平栏导航对于只需要在主要导航中显示5-12个导航项的网站来说是非常好的。这也是单列布局的网站的主导航的唯一选择(除了通常用于二级导航系统的底部导航)。当它与下拉子导航结合时，这种设计模式可以支持更多的链接。2.竖直/侧边栏导航侧边栏导航设计模式随处可见，几乎存在于各类网站上。这有可能是因为竖直导航是当前最通用的模式之一，可以适应数量很多的链接。侧边栏导航的导航项被排列在一个单列，一项在一项的上面。它经常在左上角的列上，在主内容区之前——根据一份针对从左到右习惯读者的导航模式的可用性研究，左边的竖直导航栏比右边的竖直导航表现要好。它可以与子导航菜单一起使用，也可以单独使用。它很容易用于包含很多链接的网站主导航。侧边栏导航可以集成在几乎任何种类的多列布局中。侧边栏导航的一般特征文字链接作为导航项很普遍(包含或不包含图标)很少使用选项卡(除了堆叠标签导航模式)竖直导航菜单经常含有很多链接竖直/侧边栏导航缺点因为可以处理很多链接，当竖直菜单太长时有时可能将用户淹没。尝试限制你引入的链接数，取而代之可以使用飞出式子导航菜单以提供网站的更多信息。同时考虑将链接分放在直观的类别当中，以帮助用户很快地找到感兴趣的链接。何时使用竖直/侧边栏导航竖直导航适用于几乎所有种类的网站，尤其适合有一堆主导航链接的网站。3、中部当进入一个网页的进入页时，将导航按钮放在页面的中心位置便于浏览者进行选择，进入页类似于书籍的封面，帮助浏览者决定到哪里，这样设计使导航看起来十分突出。下部为了突出展示的内容，将导航放在下部也是可以的，但要将网页严格控制在一屏以内，而不能在浏览时出现垂直的滚动条。5、倾斜导航倾斜导航打破了网页由于表格排版造成的横向与竖向导航的格局，拥有很强的视觉冲击力。但是由于它的个性特征太鲜明，不适用于信息量丰富的网站。6、选项卡导航选项卡导航可以随意设计成任何你想要的样式，从逼真的，有手感的标签到圆滑的标签，以及简单地方边的标签等。它存在于各种各样的网站里，并且可以纳入任何视觉效果。选项卡比起其它类别的导航有一个明显的优势：它们对用户有积极的心理效应。人们通常把导航与选项卡关联在一起，因为他们曾经在笔记本或资料夹里看见选项卡，并且把它们与切换到一个新的章节联系在一起。这个真实世界的暗喻使得选项卡导航非常直观。一般是水平方向的但也有时是竖直的(堆叠标签)选项卡导航的一般特征样子和功能都类似真实世界的选项卡(就像在文件夹，笔记本等中看到的一样)选项卡导航的缺点选项卡最大的缺点是它比简单的顶部水平栏更难设计。它们通常需要更多的标签，图片资源以及CSS，具体根据标签的视觉复杂度而定。选项卡的另一个缺点是它们也不太适用于链接很多的情况，除非它们竖直地排列(即使这样，如果太多的话它们还是看起来很不合适)。何时使用选项卡导航选项卡也适合几乎任何主导航，虽然它们在可以显示的链接上有限制，尤其在水平方向的情况下。将它们用于拥有不同风格子导航的主导航的较大型网站是个不错的选项。7、面包屑导航面包屑的名字来源于Hansel和Gretel的故事，他们在沿途播撒面包屑以用来找到加家的路，这可以告诉你在网站的当前位置。这是二级导航的一种形式，辅助网站的主导航系统。面包屑对于多级别具有层次结构的网站特别有用。它们可以帮助访客了解到当前自己在整站中所处的位置。如果访客希望返回到某一级，它们只需要点击相应的面包屑导航项。面包屑的一般特征一般格式是水平文字链接列表，通常在两项中间伴随着左箭头以指示层及关系从不用于主导航面包屑导航的缺点面包屑不适于浅导航网站。当网站没有清晰的层次和分类的时候，使用它也可能产生混乱。何时使用面包屑导航。面包屑导航最适用于具有清晰章节和多层次分类内容的网站。没有明显的章节，使用面包屑是得不偿失。8、标签导航标签经常被用于博客和新闻网站。它们常常被组织成一个标签云，导航项可能按字母顺序排列(通常用不同大小的链接来表示这个标签下有多少内容)，或者按流行程度排列。标签是出色的二级导航而很少用于主导航。他可以提高网站的可发现性和探索性。标签云通常出现在边栏或底部。如果没有标签云，标签则通常包括于文章顶部或底部的元信息中，这种设计让用户更容易找到相似的内容。01标签导航的一般特征02标签是以内容为中心的网(博客和新闻站)站的一般特性03仅有文字链接04当处于标签云中时，链接通常大小各异以标识流行度05经常被包含在文章的元信息中标签导航的缺点人们通常把标签和博客和新闻网站联系在一起(有时候也可能是电子商务网站)，所以如果你的网站与这些网站有本质的不同，它可能对你就没有帮助。标签也会给内容创作者带来一定量的工作量，因为为了使标签系统