网站设计分析——以“穷游网”为例

曹宁 201522080001

一、内容分类与信息导航

（一）分析

穷游网的页面顶端为主导航栏，分为目的地、锦囊、行程助手、社区、最世界·自由行、酒店、预订、手机穷游这几栏，主导航栏固定显示在页面的顶端，点击进入主导航栏的每个分栏，每个页面的二级导航也是各有不同。

http://s4/mw690/0066bXDIzy6WF1g5Sv153&690

其中最世界·自由行是穷游网的首页，打开穷游网首先进入的就是这个界面。最世界·自由行的导航栏分为顶部的水平导航栏，分别有首页、机酒自由行、城市玩乐、签证、保险、租车、限时特卖、特色路线、City Walk几栏，水平导航栏是以服务内容作为分类的。除了水平导航栏，还有侧边导航栏，侧边的导航栏主要是以地区作为分类的，可以根据用户想去的地点进入到相应的网页内容。

http://s1/bmiddle/0066bXDIzy6WF1hFIje40&690 http://s12/bmiddle/0066bXDIzy6WF1jLnmj9b&690

进入到最世界·自由行的二级页面之后，它的导航框架就变得更加清晰了。基本是机酒自由行、城市玩乐、签证、保险、租车、限时特卖、特色路线、City Walk几栏作为主导航，以页面上半部分的二级导航作为具体的内容分类导航。通过这种纵横交错的导航结构，用户基本能够准备定位自己想去的地点、以及自己所需要的服务。

http://s11/bmiddle/0066bXDIzy6WF1nOpg64a&690 http://s4/bmiddle/0066bXDIzy6WF1oqxpN93&690

目的地一栏是专门以国家和地区作为内容分类的一栏，进入目的地这一栏之后，用户既可以根据自己的需要直接在顶端的搜索栏里进行搜索，也可以通过查看国家列表找到自己想去的国家和地区。

http://s4/bmiddle/0066bXDIzy6WF1qO9q3a3&690 http://s9/bmiddle/0066bXDIzy6WF1rr69q58&690

锦囊这一栏是穷游网专门提供旅行指南的栏目，用户既可以根据页面顶端的侧边导航定位到自己想要的旅行指南，也可以查看所有的旅行锦囊。

http://s13/bmiddle/0066bXDIzy6WF1wKMI41c&690 http://s8/bmiddle/0066bXDIzy6WF1xZbz9f7&690

行程助手一栏主要是穷游网里专门帮助用户制定旅行行程的功能栏，除了制定自己的形成，用户还可以浏览别人的行程，可以根据目的地、出行时间、出行天数、行程主体和精华等级定位到具体的行程。

http://s5/bmiddle/0066bXDIzy6WF1z1ajW44&690 http://s6/bmiddle/0066bXDIzy6WF1AtkTb25&690

社区一栏是穷游网里的用户互动版块，分为旅行论坛、旅行问答和生活实验室三个二级导航，主要是为用户提供一个沟通互动共享的空间。

http://s14/bmiddle/0066bXDIzy6WF1BwzmZ8d&690

酒店一栏是穷游网专门提供酒店预订服务的板块，可以通过输入城市名称和日期选择具体的酒店预订服务。

http://s15/bmiddle/0066bXDIzy6WF1CL1VAfe&690

预订一栏是专门提供机票、特价酒店、保险等服务预订的板块。

http://s15/bmiddle/0066bXDIzy6WF1DF1GC9e&690

（二）特点

1、内容分类清晰明确

穷游网主导航栏的目的地、锦囊、行程助手、社区、最世界·自由行、酒店、预订这几栏将整个网页的主要框架搭建了起来，这个框架的搭建是建立在对网页内容的清晰明确分类的基础之上的。关于旅行所需要的机票预订、酒店预订、旅行攻略、旅游行程等主要内容都容纳了进去，方便用户以最快的速度找到自己想要的内容和服务。

2、导航全面便捷

穷游网的导航栏设计通过多样的分类标签能够让用户迅速找到自己想要的内容。出发地、目的地、旅行时间、旅行天数都是重要的分类标签，每个标签里有具体的分类内容，用户能够根据网站提供的这些标签迅速找到自己想要的内容。

http://s7/bmiddle/0066bXDIzy6WF1G006y56&690 http://s4/bmiddle/0066bXDIzy6WF1HRxv533&690

二、页面设计元素分析

（一）页面色彩

穷游网主要以绿色和白色作为主要的页面使用颜色，这个和穷游网的LOGO颜色是相一致的。绿色主要作为导航栏、图表和图形的使用颜色，页面的底色以白色为主，整体显示出以白色为底色，以绿色为强调和装饰的特点。页面总体的感觉是重点颜色突出，不杂乱，同时以白色为底色，给人以整洁明显之感。白色和绿色的搭配给人以轻松明快之感，和网站旅行的主题非常一致。

    http://s7/bmiddle/0066bXDIzy6WF1JW4mya6&690 http://s10/bmiddle/0066bXDIzy6WF1M4WCd29&690

（二）页面字体

穷游网主要使用的字体是微软雅黑，微软雅黑字体在屏幕上显示出来的清晰度比较高，同时加上字号比较大，行距较宽，便于用户进行浏览。同时加上微软雅黑的字体结构比较饱满圆润，和宋体相比少了一点严肃板正的感觉，非常适合旅游类这种内容较为生活化、轻松化的内容。

（三）图片

穷游网作为一个旅游类网站，图片的作用是非常重要的。穷游网的使用的图片清晰度非常高，色彩明艳，明度、饱和度和对比度都比较高，给人以精致清晰华丽的感觉，具有很强的视觉冲击力。能够良好地吸引用户的目光。

http://s10/bmiddle/0066bXDIzy6WF1NiFMlf9&690 http://s16/bmiddle/0066bXDIzy6WF1WydrN9f&690

三、用户体验

（一）信息查找方便快捷

    信息查找的方便快捷是建立在全面而又分类明确的信息导航的基础之上的，整个穷游网的信息导航非常明确，用户可以根据每个页面主要导航栏和二级导航栏进行迅速的定位和跳转，非常便利。同时，每个页面都有相应的搜索栏，用户可以根据自己的需要进行搜索。

（二）页面整洁美观

穷游网作为一个旅行产品和服务网站，图文并茂是主要的内容展现方式，然而网页上的图片和文字的数量和排版相得益彰，能够进行良好的结合，既不会显得过于繁杂花哨，也不会显得过于单调。同时，整体的排版格局比较松，留白比较多，不会过于密集，页面整体比较整洁美观，能够给读者在视觉和效率方便都得到良好的体验。

四、结语

穷游网的内容分类详尽具体，相应的导航栏明确全面，帮助用户以最快的方式进入到相应的页面的内容。同时，穷游网绿白结合的页面色彩给人以轻松明快之感，微软雅黑的字体兼具美感与实用性，清晰明亮的图片给用户以良好的视觉感受。总体来说，穷游网带来的用户体验还是不错的。然而，穷游网的网页设计在多媒体方面的设计还是不够充足，主要还是以图片和文字的形式为主，旅游类的题材比较轻松活动，可以通过加入一些视频、音频等多种多媒体素材来增添网站的吸引力。