1、首先导航菜单栏上的logo告诉用户在apple的网站上，导航上的菜单分类告诉用户这个网站一共有多少个维度，菜单上被选中的Itunes，告诉用户当前处于itunes的菜单维度下。

2、接着是itunes的页面导航栏，大大的标题itunes告诉用户下面的内容都是讲itunes，右边的itunes的页面菜单导航告诉用户itunes页面的内容分类，其中不一样状态的what’s new告诉用户目前选中的是这个类容，下文内容是在这个分类下的。

3、最后是这个页面的标题What’s new in iTunes,表示当前页面的内容是按照这个标题全面铺开内容。

上述导航元素也清楚地告知了我们1、用户当前位置(当前页面标题);2、来到当前页面的固定路径(从上往下的导航路径布局和元素);3、如何返回上一级页面(每个导航菜单均可点击，除了当前页面标题)。其中涉及到3级导航：apple网站主导航、itunes类别导航和what’s new 内容导航，每一级导航都有导航菜单和被选中的状态。将每一级导航的起始点用箭头链接起来，如图3所示→→，形成了一个和实际存在的面包屑



一模一样的页面路径。告知用户是如何来到这个页面的。

从上述页面中的面包屑样式分析和页面自己的内容分析，可以看出整个页面里所有的导航方式所要传达描述的信息是一致的，那么我们可以归纳出页面导航原则：1、告知用户当前位置;2、告知用户来到当前页面的固定路径;3、可以让用户返回上一级页面。

页面导航原则指导设计

1、符合页面导航原则的设计：



图4：Nestle.com



图5：Nestle.com

我们用导航原则来检验nestle.com的导航设计，这个页面通过页面标题“baby foods”告诉我们当前位置（网页制作培训），通过网站logo，二级导航栏中选中的“Brands”，左侧三级导航栏选中的“Baby foods”，告诉我们这个页面的固定路径是从home，选择brands分类，再选择Babyfoods。且导航栏的每一个分类都可以被点击，可以让用户返回到上一级。这个页面完成了导航所需要的所有信息传达元素。我们也可以明显地找到页面中的：→→的页面路径。图4是根据它的面包屑的节点标签元素，将页面中的相同元素找出来，这些元素都已比较明显的样式表示选中，与相同信息不同状态的内容区分开来，导航布局从上而下形成了包含与被包含的关系，图5是将这些选中的元素用箭头连接起来，这样就找到了页面中的的页面路径