单页面网站导航设计研究

　　摘 要：近几年，在设计网站中，开始流行一种具有独特设计风格的网站，网站是由一个单一的页面组成，呈现出网站内容的流动性。单页面网站的导航的设计是具有挑战性的，这种网站的导航设计，是整个页面设计的基础，是每个页面链接的纽带。如何能将所需要表达的信息集中在一个网页中，而且每个页面有共性，还有个性，排版布局结合动态效果有机穿插，也能以有效的应用代码，实现华丽的场景过渡效果，展示出网站的中心思想和主题内容。

　　关键词：单网页；网站；导航

　　0 引言

　　随着网络信息的飞速发展，网络传媒已被越来越多的企业看好，而网站是传媒很好的一种方式，所以网页制作已经被带入前所未有的新时期。而且近几年，随着网络技术的不断提升，计算机硬件以及软件的不断强大，人们的视觉审美欣赏水平不断提升，对网页是设计要求也不仅仅限于可操作性和实用性了，更多的是追求视觉美感，完美的体验式操作，与产品产生良好的互动。可操作性与实用性已经转变为最基本的属性了。而网站中导航是一个必不可少的元素，导航设计的形式直接关系到网站的应用，它是网站访问者获取所需内容的快速通道和途径。导航让网站的层次结构以一种有条理的方式清晰展示，并引导用户毫不费力地找到并所需的信息，达到有效地传递。本文是针对时下网站最流行的页面形式——单页面中的导航进行研究的，一个界面的导航设计对用户体验至关重要，简单直观的导航不仅能提高网站易用性，而且在方便用户找到所要的信息后，可有助提高用户体验。

　　1 单页面导航设计特征

　　（1）信息浅层结构传达的直接性，有利于用户体验。单页面，导航的层级不多，除了基本的几个栏目之外，其他的尽量的简化。尽可能地安排关键词作为导航栏目。对于网页页面层级越是扁平结构的网站导航越是有效。导航的内容尽可能提取主要信息，简化导航层级，这样信息传达路径缩短，直接，有利用户很快找到相关的内容。

　　（2）单页面导航的视觉表现形式。单页面导航的基本形式是以文字加装饰的形式设计的，导航信息在点击按钮的上部，保持静止效果，当鼠标悬停在其中一个导航装饰上时，装饰按钮就发生变化，为保证页面的统一效果，导航视觉风格应与界面风格相应。有的文字信息直接形成导航的导航设计十分简洁，除了用于分割导航标题的直线外，没有多余的装饰，导航的简洁明快，使网站看起来也颇为轻快，自然。

　　（3）视觉流动性强，增强操作真实体验与趣味性。随着体验经济时代的到来，人们对产品界面的期待值也越来越高，用户在使用产品功能的同时，也追求完美的体验式操作，与产品产生良好的互动。网页的视觉流动性也从单一流动性，转换到视差滚动效果（让多层背景以不同速度移动，形成立体的运动效果，带来非常出色的视觉体验），使网站设计样式缤纷多彩。

　　（4）视觉设计更具挑战性。单页面网站设计是有挑战性的，这种网站直接考验设计师的个人能力，将所有需要表达的信息集中在一个网页中，除了如何排版布局外，也能以更夸张的形式展示网站的中心思想。同时在另一层面，单页面的网站的极简主义和充满创意性的设计也能极大提高了用户的兴趣和关注。动感十足的导航、细致入微的交互、恰如其分的音效反馈、优雅流畅的场景过渡、精致视觉质感的打造，都为其增色了不少。