网站建设服务热线 服务热线: 0571-88730320
网站建设公司
您的当前位置: 首页 » 建站教程 » 网站建设中导航栏的总体设计模式

网站建设中导航栏的总体设计模式

发布时间:2020-05-23 12:58:00

从导航设计到全网所有网站的频道和功能细节,网站建设是一件非常辛苦的事情,如何显示导航栏也是一个学习的课题,除了澄清需要先呈现的内容外。这篇文章非常适合初学者。仔细一看,基本可以了解导航栏的设计以及左侧导航设计的基本方法和技巧。

web设计中有一些通用的交互设计模式。各种常见而有名的网站导航设计模式可以作为创建有效的网站信息架构的基础。本指南涵盖了流行的网站导航设计模式。对于每一种网站导航栏的设计模式,我们都会讨论其一般特点、缺点以及使用时机。

顶部水平条导航是网站导航菜单中流行的两种设计模式之一。它常用于网站的主导航菜单,常用于网站所有页面的网站标题正上方或正下方。

顶部水平条导航设计模式有时会附带一个下拉菜单。当鼠标移到某个项目上时,它下面的辅助子导航项目将弹出。

顶部水平导航的缺点是它限制了不使用子导航时可以包含的链接数。对于只有几个页面或类别的网站来说,这不是问题,但对于信息结构非常复杂、模块众多的网站来说,如果没有子导航,这就不是一个主导航菜单选择。

顶部水平条导航非常适合只需要在主导航中显示5-12个导航项的站点。这也是单栏布局网站主导航的选择(除了通常用于辅助导航系统的底部导航)。当与下拉式子导航相结合时,此设计模式可以支持更多链接。

侧边栏导航的导航项排列在一列中,一列在另一列之上。根据对习惯性读者从左到右导航模式的可用性研究,它通常位于左上角的列上,在主要内容区域之前——左侧的垂直导航栏比右侧的垂直导航栏表现得更好。侧边栏导航设计模式随处可见,几乎出现在各类网站上。这可能是因为垂直导航常见的模式之一,可以适应大量的链接。

它可以与子导航菜单一起使用,也可以单独使用。它很容易用于有许多链接的网站的主导航。边栏导航几乎可以集成到任何类型的多列布局中。

因为有很多链接可以处理,有时当垂直菜单太长时,用户会不知所措。请尝试限制引入的链接数,而使用弹出式子导航菜单提供有关网站的详细信息。同时,考虑将链接划分为直观的类别,以帮助用户快速找到感兴趣的链接。

垂直导航适用于几乎所有类型的网站,特别是那些有一堆主要导航链接的网站。

标签导航可以设计成任何你想要的样式,从栩栩如生的,有触觉的标签到光滑的标签,以及简单的放置侧标签。它存在于各种各样的网站中,可以融入任何视觉效果。

与其他类别的导航相比,标签有一个明显的优势:它们对用户有积极的心理影响。人们通常将导航与标签关联起来,因为他们在笔记本或文件夹中看到了标签,并将它们与切换到新章节关联起来。这个现实**的隐喻使得标签导航非常直观。

制表符的缺点是它们比简单的顶部水平条更难设计。它们通常需要更多的标记、图像资源和CSS,这取决于标记的视觉复杂性。标签的另一个缺点是,除非垂直排列,否则它们不能很好地处理很多链接(即使如此,如果有太多的链接,它们看起来仍然不好)。

选项卡也适用于几乎所有的主导航,尽管它们对可以显示的链接有限制,特别是在水平方向。这是一个很好的选择,使用他们与主导航不同风格的子导航更大的网站。

这个名字来源于Hansel和Gretel的故事,他们沿途传播面包屑,寻找去佳佳的路,佳佳可以告诉你网站的当前位置。这是一种二次导航的形式,辅助网站主导航系统。

面包屑对于多层次的网站特别有用。他们可以帮助游客了解他们目前在整个车站的位置。如果访问者想要返回到某个级别,他们只需要单击相应的breadcrumb导航项。

面包屑不适用于浅层导航站点。当一个网站没有清晰的层次结构和分类时,使用它也会造成混乱。何时使用面包屑导航。面包屑导航是好的网站与清晰的章节和多级分类内容。没有明显的章节,使用面包屑是不值得的。

标签通常用于博客和新闻网站。它们通常被组织成一个标签云,按照字母顺序排列导航项(通常带有不同大小的链接以指示标签下有多少内容),或者按照流行程度排列。

标签是极好的辅助导航,很少用于主导航。他可以提高网站的可发现性和探索性。标记云通常出现在侧栏或底部。如果没有标记云,则标记通常包含在文章顶部或底部的元信息中,这使得用户更容易找到类似的内容。

人们通常将标签与博客和新闻网站(有时是电子商务网站)联系起来,所以如果你的网站与这些网站有本质的不同,它可能对你没有帮助。标记也给内容创建者带来了一定的工作量,因为为了使标记系统有效,每一篇文章都需要准确地标记。

如果你有很多主题,用关键字标记内容。如果您只有几页(可能您的站点是公司站点),则可能不需要标记内容。是合并标记云还是仅仅将标记包含在元信息中取决于您的设计。

对于那些知道自己要找什么的访问者来说,搜索非常有用。但搜索并不意味着你可以忽略良好的信息结构。仍然非常重要的是,要确保那些不完全知道自己在寻找什么或想找到感兴趣的潜在内容的人能够找到这些内容。

搜索的缺点是并非所有的搜索引擎都是平等的。根据您选择的方案,站点的搜索功能可能无法返回准确的结果或缺少类似文章元数据的内容。搜索导航,对于大多数网站来说,应该是一种次要的导航形式。当用户无法导航到他们想要查找的地方时,搜索是一个可靠的选择。

对于页面众多、信息结构复杂的网站,必须引入搜索功能。如果没有它,用户可能会发现通过遍历链接和多级导航很难找到他们想要的信息。搜索对于电子商务网站来说也是非常重要的,关键是电子商务网站的搜索结果要根据网站的库存情况具有相应的过滤和排序功能。

输出菜单(与垂直/侧栏导航一起使用)和下拉菜单(通常与顶部水平栏导航一起使用)是构建健壮导航系统的好方法。它使你的网站整体看起来整洁,并使深入的章节易于访问。

它们通常与水平、垂直或选项卡式导航一起使用,作为网站主导航系统的一部分。

除非在主导航链接旁边放置一些徽标(通常是箭头图标),否则访问者可能不知道有带有子导航项的下拉菜单或下拉菜单,因此使这些徽标变得明显非常重要。下拉菜单和下拉菜单都会使移动设备上的导航变得非常困难,因此请确保您的移动样式表能够处理这个问题。

如果你想在视觉上隐藏一个大的或复杂的导航级别,下拉菜单和下拉菜单是很好的选择,因为它们让用户决定他们想看什么以及什么时候能看到它们。它们可以用来按需显示大量的链接,而不会造成混乱。它们还可以用于显示子页面和本地导航,而无需用户首先单击即可打开新页面。

分面/导向导航(也称为分面搜索或导向搜索)在电子商务网站上常见。基本上,导向导航为您提供了额外的内容属性过滤。如果您正在浏览新的液晶显示器,导航指南可能会列出尺寸、价格、品牌等。基于这些内容属性,可以导航到符合条件的项。

导游导航在商品众多的大型电子商务网站中非常有价值。用户通常很难通过直接搜索找到他们想要的东西,这增加了用户丢失产品的可能性。例如,他们可能会搜索灰褐色产品,但您可能会将其标记为灰色或棕色,尽管这可能是用户想要的。

导航可能会让一些用户感到困惑。此外,不能保证用户会在您预定义的类别中进行搜索。

分面导航对于大型电子商务网站非常有用。它方便用户购物,改善购物体验,更容易找到自己真正想要的东西。它也可以用于其他目录样式的网站。

页脚导航通常用于辅助导航,可能包含不在主导航中的链接,也可能包含简化的站点地图链接。

当主导航找不到要查找的内容时,访问者通常会检查页脚导航。

如果你的页面很长,没有人想滚动到页面底部只是为了导航。对于较长的页面,页脚导航用作重复链接和简短站点地图的位置。它不适合作为主导形式。

大多数网站都有这样的页脚导航,即使只是重复其他地方的链接。想想那里有什么有用的,你的访客可能想找什么。

大多数网站使用多个导航设计模式。例如,网站可以使用顶部水平条导航作为主导航系统,并使用垂直/侧栏导航系统进行辅助,还可以使用页脚导航进行冗余,以增加页面的便利性。选择导航系统所基于的导航设计模式时,必须选择支持信息结构和网站功能的方案。导航是网站设计的重要组成部分,其效果必须有扎实的基础设计。

莆田珠智建站公司 地址:浙江省杭州市余杭区联胜路10号 电话:0571-88730320 联系人:方经理