图6  颜色提取

4。3视觉界面及控件元素设计

“自游”旅游APP是一个功能性较强的设计，首先我们要保证的是用户的使用和景区的服务能力，所以在保证功能完整的情况下，也要兼顾视觉界面艺术性，二者的权衡再整个的设计中显得尤为重要。功能性是对科学的追求，艺术性是对美的追求，这种美，不是华丽而不适用的装饰附庸，而是外观与其功能是否相称。无论是精灵古怪的界面风格还是复杂烦乱的界面布局，都会使用户陷入一种困境，而这种困境直接会带来用户人群的流失。所以在界面和控件的元素设计上“自游”的界面是在经过严格的考虑而确定的。文献综述

4。3。1视觉界面构成元素

“自游”淮安旅游系统的界面元素在设计之初，尝试过许多的风格，但都以简洁素雅的风格进行整体风格定位，考虑到控件本身的功能性的传达，最原始的点、线、面被着重突出出来，给人耳目一新的感觉。意在突出功能，让用户在体验的过程中能直接感受到设计的最终目的和意义（如图7所示）。

  图7  视觉界面及控件元素设计

主要图标设计参考主要实物，像导游的图标就是我们组团旅游时导游所带的旗子，其他标志都是相同处理手法。

4。3。2系统主菜单

“自游”淮安旅游APP页面构成也是经过反复推敲和斟酌的，为了能够达到更理想的视觉效果和用户的操作性，我利用现在手机终端操作习惯，常见元素进行页面的布局，系统主菜单通过手指右滑，弹出主要菜单，这样的处理方法会让用户感觉页面比较简单，同时右滑的动作给用户和系统之间产生交互效果，增加用户与系统之间的交互处理，颜色采用主色调蓝色，中间加点绿色形成渐变。（如图8所示）

图8  APP主菜单

4。3。3系统子菜单阐述

1）在特色导游菜单中设置了搜索功能，用户可以根据主页推荐或者直接搜索自己想要的景点，通过搜索得到的结果可以直接点击进入，进入的景点介绍界面，在景点介绍界面里可以看到景区的简介和地址以及景区服务热线，用户可以通过点击地址栏进入地图获取详细地址以及地图显示，点击服务热线可以与景区游客服务中心进行咨询；在自主语音中，用户可以根据自己游览方式选择语音，即手动点播景区语音或者打开GPS系统自动根据当前位置进行解说（如图9所示）。来~自,优^尔-论;文*网www.youerw.com +QQ752018766-

图9特色导游模块

2）在路线规划模块中，为用户提供了特色景点路线推荐，当然用户可以根据自己的喜好对路线进行定制或更改，并且在每个规划中给出了详细的景点说明和路线安排，同时在手机自带的地图中展示用户几天的旅游线路以及要游览的景点地址，方便用户一目了然，在每个页面之间加入了进程动画，用户可以在点击之后清楚的知道规划的进程，并且能够提供系统与用户之间的粘性。

图10  个人定制界面

3）特产商城中将会在用户旅游的时候自动推荐当地的特产，这样就会省去用户在旅游的时候被购物的尴尬，还可以省去挑选特产的时间，将会拥有更多的时间去看风景，观人文。