网页设计-导航设计要点解读

导航（navigation）的定义：在网页上通过一定的技术手段，为网站的访问者提供一定的途径，使其可以方便地访问到所需的内容；导航一般位于网站的banner下面或是网页的顶部。常见的有横向导航，纵向导航，折叠导航等。

横向导航：内容查看相对比较直观，可承载信息丰富，是常用的导航形式，网页中上下布局，可以镶砌在banner中或单独分开。

纵向导航：内容查看相对比较直观，可承载信息丰富，设计感强，网页中左右分割分布，可以镶砌在banner中或单独分开。

混合导航：由两种及以上导航同时存在，一般多为横向导航和纵向导航，一般在大型信息类，电商类网站使用比较多，子菜单扩展丰富，信息条理清晰。

大多数网站使用不止一种导航设计模式，例如，一个网站在使用顶部水平栏导航作为主导航的同时，还会使用竖直或侧边栏导航来辅助它，同时还使用页脚导航来做补充，增加页面的便利性。

导航常用设计规范：

导航文字，字号一般在12-18px之间;

导航与页面整体风格相统一；

TOP区高度一般在36-66px之间，包含logo的top区高度在80px左右。