UI设计实战课程1 网站导航设计概述.ppt

开讲啦！ 网站导航设计 网站导航，是网站设计中一个重要的组成部分，使访问网站的用户更完整的了解网站结构。当一个用户在访问网站的时候，无论浏览到哪个页面，都会清楚的知道自己正处在网站的哪个位置，不会迷路，那么，如何打造完美的网站导航呢？ 一、导航模式 常见的导航模式有很多，例如顶部水平横栏式，垂直导航栏，侧边固定式，滑出或者弹出窗口导航等，通常网站是根据所要展示的内容要点来选择不同的导航。 一、导航模式 二、导航内容 三、导航细节 四、导航创意 五、导航设计原则 1、顶部水平横栏式 当网站内容相对较少时，选择网站水平式的导航相对来说比较方便，能够突出重点内容，且简单清晰，又不至于显得页面太空荡，对于某个大类的信息还可以通过下拉菜单的方式进行展示，归类明确。 2、垂直导航栏 当网站内容在网页显示过长的时，用户习惯用鼠标无限去滚动网站内容，以便更加快速加载下面的内容，这时网站适合采用垂直式的导航，方便用户在浏览内容时导航信息始终保持在一个位置可以被快速找到。 3.侧边固定式 当网站内容相对较多时，一般采用固定式或者抽屉式的导航，这样在用户浏览网站时，导航就像网站目录一样，从最大内容标题细分到各个详细内容页的标题，用户浏览时不管跳转到哪个网页，都可以通过导航目录快速回到目标信息上继续浏览，还可节省网页的位置资源。 二、导航内容 网站的导航内容是对整个网站想要展示的信息的总结，首先要遵循的是导航栏目标题要与对应的详细页面相符合，才不会导致用户认为信息不一致产生不信任的后果。当然，标题总结词要精简，注意网站小内容最好不要以导航的总标题形式出现，可通过细分的下拉菜单，或者以更多形式的小菜单栏里出现。 三、导航细节 很多网站在内容过多时，用户往下滚动内容过长，如果用户想要快速回到导航上面，就会浪费部分时间往上滚动内容，对于缺乏耐心的客户来说，若不是内容确实吸引人，那么他们很有可能就此结束对网站的浏览，所以一般对于这种导航的设置，还要考虑一个细节，通常在内容旁边设置一个“回到顶部”的标志，以便用户快速到达头部的导航位置。 四、导航创意 千篇一律的导航形式，用户早已习惯，如果在网站建设时将用户最先注意到的导航加点创意，能给网站一个画龙点睛的作用，导航在指引用户搜寻内容时，还能改变用户浏览网站的心情，浏览网站也像一场旅行，有创意的导航栏让用户欣赏起来也会更加愉悦，增加对网站的兴趣。例如，采用别致的图标式导航，情景式导航等。 五、导航设计原则 1、确定信息架构 信息架构，是合理的组织信息的展现形式，支撑起网站内容的骨架。信息架构的主要任务是为信息与用户认知之间构建一座畅通的桥梁。 2、保持简单 绝大多数的网站浏览者可能会一致的认同这一点：网站的导航区域要尽可能设计的简单。复杂而拥挤的导航栏设计会严重阻碍网站的整体可用性。 3、谨慎选择方向 传统意义上的电脑屏幕方向是横向的，这也使得纵向下拉菜单，在很长的一段时间里面成为了导航栏设计的主流方向。这样的设计，平衡且少干扰，从设计的角度上来看是不错的选择。 感谢听讲 ! 麦子学院---在线职业教育 未来 我来