2 单页面导航设计方法

　　（1）页面导航的视觉化传达方式。单页面的导航，在视觉风格和视觉形式上与之前网站导航设计形式，有了很多创新。视觉风格上，导航的设计更多结合了网站的属性风格，有的导航也作为其中的装饰元素而存在。与整个页面产生视觉互动。在视觉形式上，单页面网站形成了独特的布局特征：1）水平式延长。水平式延长是指横向画布，交互时，页面左右滑动，页面在运动中可以看到相关的其他界面元素，可营造一种亲切感的氛围，不会产生更多的陌生感，从而最大限度地减少了干扰，帮助人们沉浸在整个网站的信息内容中。与内容交互，提升了用户掌握的控制权，且让他们感到自信。在页面视觉设计上，每个页面都要有相互关联性，想成一个整体的画面，从设计的风格，到设计形式，都保持要一致性。使用平衡、层次结构来培养信任和完整性感觉。水平式延长页面主导航大部分是横向的。2）垂直式延长。垂直式延长是指纵向画布。交互时，页面上下滑动。垂直式延长页面主导航有的是横向的，有的是纵向的。

　　（2）页面操控性与自然流畅性体验。单页面网站，最核心的就是操控性与流动性体验。点击菜单选项可以看到屏幕如何从下至上以及从上至下地切换。点击任一界面的主导航时，导航都会有轻微的跳动。这些简单的转场效果直接传达给用户他们在操作系统里处于何种位置。让人们直接与内容进行交互，利用与其相符的精力对操作进行响应。通过使用有意义的运动使得体验更加丰富，形成持续的视觉流动的感觉。流动性怎么能增强界面的视觉效果呢？动画在交互易用性方面体现了其优势，一个动画样式的小转场，增强了页面的视觉美感，连接了用户体验与界面之间的关系。交互动画会给用户带来一种舒适、自然和流畅的感觉。交互动画逐渐成了视觉界面与用户之间的沟通方式，成为界面导航应用的肢体语言。它可以清晰表现出导航之间的切换过程。当用户进入一个不同的交互模式时，比如两个应用程序之间的切换，动画可以提供一个指引，告诉用户已进入另一个场景。在界面视觉设计过程中，合理运用交互动画，让界面与用户更好的互动，能让其变的更具情感。

　　3 单页面用户体验

　　（1）信息结构方面，浅层的结构传达直接性，有利于用户体验。单一页面信息量较少。结构比较清晰，明确。其导航采用的是扁平结构，简化了的导航层级，导航的内容提取的也是主要信息，这样信息传达路径缩短，直接，有利用户很快找到相关的内容，方便体验。合理的链接结构是提升网站权重的一个很好的方面，也能给用户最好的体验。

　　（2）视觉流动性强，增强了用户操作的真实体验与趣味性。点击任一界面的主导航时，页面在运动中可以看到相关的其他界面元素，可营造一种亲切感的氛围，不会让用户产生更多的陌生感，从而最大限度地减少了干扰，帮助人们沉浸在整个网站的信息内容中。当用户进入一个不同的交互模式时，比如两个应用程序之间的切换，动画可以提供一个指引，告诉用户已进入另一个场景。精心设计的有针对性的动画可以使网页变得更丰富，并且使体验感觉精良和完美。帮助用户理解上下文环境变动，将体验与视觉转换紧密相连。

　　单页面网站，最核心的就是操控性与流动性体验，交互操作产生的视觉动画，是界面产生自然的流动性。交互动画会给用户带来一种舒适、自然和流畅的感觉。单页面网站正成为网站设计的一种趋势。它正以独有的视觉形式和表现形式进入人们日常生活中。

　　参考文献：

　　[1] 辛希孟.交互设计之路：A集[C].北京：中国社会科学出版社，2008.

　　[2] 冯西桥.情感化设计[R].北京：清华大学设计研究院，2009.

　　[3] 何龄修.读顾城《操作界面设计模式》[J].2010（3）：167-173.