网页导航设计分类 第1篇
它是什么：
在步骤过程中的每一个页面上，都显示步骤状态，包括“你在这里”的指示状态。
什么时候使用：
你设计了一个用户可以一页接一页访问的文档、处理过程、向导或其他类似内容。用户的访问路径主要是线性的。
为什么使用：
步骤条可以在以下几个方面帮助用户：他可以看到已经完成的步骤，以及当前的位置 ，接下来还有多少步骤要进行。知道这些信息可以让用户决定是否继续，估算还需要多少时间。
如何使用：
在页面上放置一个步骤条（多于 2 步时使用, 建议不超过 5 步）。如果可以，把它们放在一条线上，或者一个表格的一列上，在视觉上不要和页面的实际内容竞争。 给步骤条的状态进行特别处理，例如：用浅一些或深一些的颜色来标记它，然后对已经访问过的页面进行另一种标记。 如果这些页面或步骤上有数字编号，那么明确使用这些数字编号，它们简短而又容易理解。 同时也应该把页面的标题放到地图上。如果标题很长，可能会让地图非常冗长，尽量缩短这些标题，这样可以让用户得到足够的信息。
例如：B&H（如图)顶部的结账流程步骤条。
网页导航设计分类 第2篇
它是什么：
让滚动条在滚动的同时，还可以作为一种内容的映射机制，或者作为一个位置指示器。
什么时候使用：
你建立了一个以文档为中心的网站，用户会浏览这个网站来查看一些注释，但在快速滚动的时候难以记住当前的位置。
为什么使用：
当页面快速滚动时，很难阅读飞驰而过的文字内容，因此有必要使用一些其他的位置指示器。为什么是在滚动条上?因为它是用户当前的注意力所在。
如何使用：
把位置指示器放在滚动条上，或靠近滚动条的位置。不管动态的指示器还是静态的指示器都可以，静态指示器指的是不会随时间变化的指示器，例如：在滚动条轨迹上的颜色块。 动态指示器将在用户滚动的时候改变内容，它们通常以工具提示的形式来实现。当滚动位置发生变化的时候，滚动块旁边的工具提示显示和内容有关的信息。
例如：Word 滚动时动态显示当前页码。
不管是动态指示器还是静态指示器，你都需要弄清楚用户最可能在寻找什么，从而找出你需要把什么放到注释里。 内容结构是一个很好的起点，如果内容是代码，你可能需要显示当前功能或方法的名字;如果是 一份电子数据表，你可能需要显示行号等等。
例如：Chrome 用搜索结果注释其滚动条（如图)。当你在网页上搜索一个单词时，Chrome 会用颜色突出定位到的单词，并在滚动栏中放置一个黄色指示符。这样，用户就可以直接滚动到文档中的这些点。
精心设计的导航可以帮助用户更快地学习你的产品，知道该做什么，去哪里。不会困惑、迷失方向。导航也是产品生命周期中最长的功能之一，如果设计得好，它将具有“常青”价值。
谢谢观看！
网页导航设计分类 第3篇
它是什么：
只显示一个页面，在用户没完成当前任务前，没有任何导航可选择。
什么时候使用：
你想让页面处在一种没有用户输入就无法继续前进的状态里。
为什么使用：
模态对话框切断了用户选择其他导航的路，用户也不能丢下当前页面不管，必须处理完当前问题后才能回到之前位置做其它事。 这是一个很容易理解和使用的模型，只是经常被拿来滥用。如果用户还没准备好回答模态面板的问题，就打断了用户工作流，可能会使用户随意做出决定。应用得当时，会提高用户的决策效率，因为没其他导航来分散注意力。
如何使用：
在当前页面，用户可以注意到的地方，放置一个按钮。提供按钮请求所需要的的弹框，它能阻止用户打开其它页面。要保证这个页面很简洁，不会影响用户注意力。 而且出口不能有很多，一般只有 1-3 个，保存、取消等。通过这些按钮用户可以快速回到之前页面。
网页导航设计分类 第4篇
你的网站使用的导航模式是什么样的？换句话说，不同的页面、功能是怎么相互连接的，用户又是怎么在这些页面与功能之间交互的?
在介绍模式前，先看下常见的导航类型：
全局导航是指它可以覆盖整个产品路径，往往表现为产品的一级分类。几乎总是显示在网页的顶部或左侧，有时两者都显示（称为倒 L 导航布局），它可以快速带领用户从一个页面到达另一个页面。
例如：华为云的顶部与 ones 的左侧导航。
通常情况下，实用工具导航都隐藏在功能图标或文字后面，用户必须单击打开它。例如：当网站的访问者是登录状态时，该网站可能会在其右上角提供一组实用工具导航链接。用户倾向于在那里寻找与用户设置相关的工具：帐户设置、用户个人资料、帮助、退出等。
它们都是在页面内容中或附近的链接。当用户阅读内容或与功能点交互时，这些链接提供了相关的选项。
例如：青云云服务器页面中“文字链接”。
网页导航设计分类 第5篇
如果是比较正式的网站导航工具，在页面中的内容链接是一个重要的导航元素。它们不是在菜单中有链接，而是分散在内容周围，突出显示具有网站其他位置的关联内容的单词或短语，并将用户定向到该内容。除了使用户轻松找到有关给定主题的更多信息外，内容链接还会给用户在网站上的所有内容都是相互关联的感受。
功能完备，满足网页设计工作需求：
内置插件：网页设计软件Pixso内部集成了大量优秀插件，包括：组件、图标、字体、色板、填充等等功能，基本上覆盖到网页设计师常用的大部分工具。
强大画板：网页设计软件Pixso的画板具有默认约束并且可以相互嵌套，当然还有另外的属性可满足日常的设计需求。
交互设计：在网页交互设计方面， Pixso可自动定上百场转场的时间，也可组合实现上百种转场形式。
团队组件库：网页设计师可以在不同文件中可以通过选择团队资源库，在资源库中打开组件列表，开启需要的组件开关，将其更新至组件面板中，有效使用。