交互式城市旅游地图设计实现研究

顾燕 冯文博

摘要：城市旅游是一个集聚自然风光、人文景观、历史文化、民俗文化于一体的综合旅游，需要漂亮的地图带给游客的是新鲜感和好奇心交互式旅游地图在地图构建的基础上更侧重于交互表现和娱乐性，在景区可以通过多媒体导航屏幕与周围的环境融为一体，给游人更多的视觉乐趣。每个城市都有其独特的地域文化，交互式旅游地图作为一个引导者在具备信息指示功能的同时还兼具手绘旅游地图文化艺术优势。作为一个新的地图风格形式，深深吸引着游客的目光。

关键词：旅游地图 Flash 界面设计

1 城市旅游地图的国内环境

1.1 旅游地图的国内发展概况

1.1.1 旅游地图的国内现状

城市旅游是一个集聚自然风光、人文景观、历史文化、民俗文化于一体的综合旅游，也渐渐成为旅游业的主体。作为文化新元素的城市旅游地图也渐渐成为旅游者的必备资源。

就媒介而言主要有：纸质旅游地图、电子旅游地图、多媒体旅游地图、网络旅游地图等不同媒介的地图层出不穷。就外观而言，目前被大众所熟悉的地图一种是以城市交通为主要设计内容的旅游地图。

另一种为由设计师自行设计独具个人风格的旅游地图。前者内容严谨路标明确但没有针对旅游的信息系统，而且也不具备适合旅游的设计形式。而后者常以手绘的形式表达旅游主题。通过在地图的绘制中融入本土风格元素和当地特色来实现新颖的设计和漂亮的外观，比较适合收藏纪念。无论是外观还是内容，手绘地图的设计风格都格外吸引旅游者。它不再只是单纯地寻找目的地的工具，更多地融入了艺术美感和艺术表现力，更兼具了审美和收藏价值。手绘地图的功能不再只是导向性，更多的是在审美上满足现代人的高要求，漂亮的地图带给游客的是新鲜感和好奇心。[1]

1.1.2 交互式旅游地图的国内现状

交互设计的研究往往反映出理论落后于实践的状况，随着个人电脑和互联网技术的迅速发展和普及以及触控技术的发展，软件面对的普通受众越来越多，这也使得交互媒体具有了小众化、个性化、全球化、多样化、虚拟化等特点。国内许多大学开始开设了相关专业，体现了设计艺术同数字技术结合的特征。关于交互设计的实际应用以多媒体旅游地图为例。电子地图始于20世纪80年代末，在计算机制图基础上的地理信息系统。旅游地图在以计算机技术不断发展和游客的实用需求增加的条件下很快走入人们的生活中。旅游地图数字化交互设计源于电子地图。它的灵活性、共享性、内容丰富、易计算等优点深受用户的亲睐。现在电子地图和数字地图的覆盖广泛，品牌也比较丰富，如谷歌地图、百度地图、搜狗地图、高德地图等都是知名度很高的数字地图。作为新型的电子地图和普通纸质地图相比它的表现形式更为灵活生动，体现的内容更为全面丰富。

现在，数字地图成为了更多领域乃至旅游业发展的重要工具。在互联网上供人们使用查询网络地图和GIS、GPS行业用专业地图。不能否认的是这些地图的实用性和便捷性以及在其领域的巨大贡献，但若以旅游为出发点考虑，以游客作为产品的受众，它们缺乏旅游地的文化信息以及在多媒体互动和趣味性方面的表现力。

1.2 交互式旅游地图的优越性

交互式旅游地图在地图构建的基础上更侧重于交互表现和娱乐性，在景区可以通过多媒体导航屏幕与周围的环境融为一体，给游人更多的视觉乐趣。每个城市都有其独特的地域文化，交互式旅游地图作为一个引导者在具备信息指示功能的同时还兼具手绘旅游地图文化艺术优势。作为一个新的地图风格形式，深深吸引游客的目光。

现如今旅游地图已成为人们不为陌生的游访指南和旅行向导。优秀的旅游类地图在具备补助旅游功能的基础上还是旅游宣传的好助手。

首先，作为旅游地图它最大的特色不是在于对地理环境信息及交通信息精准的描述，而是将设计重点放在版面及元素的外观设计上。

其次，Adobe Flash是一个针对矢量绘图支持交互行为的动画制作软件，经历了近二十年的发展历程。Flash应用程序的实用价值和艺术价值也在逐步提升。Flash软件的技术优势与价值实现简化的制作工序使Flash软件更为大众，Flash的脚本语言功能（ActionScript）是实现程序交互的关键，ActionScript脚本语言随着Flash版本的更新越来越丰富，如全局函数、影片剪辑控制、运算符、常数等。通过这些脚本语言使关键帧、影片剪辑、按钮的相互作用便可完成一个有趣的交互应用。有很多网页游戏和网页美化设计都是通过Flash软件和相关设计软件来实现的如最为大众熟知的Photoshop软件及专业插画软件Painter。

再次，作为一样具有娱乐性的旅游地图若是利用Flash的交互功实现旅游地图的交互性和娱乐性将是一个非常好的想法也比较容易实现。

创意是Flash程序的魅力所在，将音效、动画、交互方式巧妙地融为一体的手绘风格城市旅游地图绝对会比传统意义上的电子地图和平面手绘旅游地图更夺人眼球。在Flash设计基础方面，设计的基础是Flash的界面框架同页面元素、颜色设计、界面交互形式的合理结合。在个性的Flash作品制作里虽然对作品中元素的组合手法多样，制作方法也有很多，但不变的就是审美原则。Flash作品需要以下五个原则的保证：界面风格交互方式的统一性、画面样式和风格的连续性、FLASH元件间的相互独立、画面的视觉对比、整体布局的合理。作为拥有交互行为的Flash作品它的优势就在于互动的趣味感与艺术美感的结合。Flash交互作品支持事件的响应和交互功能，在Flash动画中每个帧都可以通过代码和按钮的设置有自己事件的响应，如在关键帧上加入代码“stop”可以使画面播放到此帧时停止播放使画面静止，但安插在此页面上的影片剪辑和元件还会继续播放。又如在页面上加入按钮，通过鼠标来点击时的交互效果及点击按钮后的事件触发、交互链接行为。Flash的交互动画效果是丰富画面实现更好交互效果的良方。将这种表现方法应用在旅游地图上来实现旅游地图的趣味交互性是很多学者不曾尝试的。

城市作为人类社会文明的载体时刻向人们展示着地方性的精神文化特色。作为本身就具有艺术属性的城市旅游地图若将其赋予交互风格对与旅游业本身来说是将旅游文化以一种新的方式展现出来。由于地图是一种文化产品，旅游地图的艺术品质会对游客对景点的第一印象有所影响，设计师需要将旅游景点的特点和地图受众的审美融合起来。所以重视视觉艺术效果绝不能只是空谈，它是整个交互设计的静态亮点。将手绘效果与Flash交互动画相结合的这种交互旅游地图表现形式的一个明显优势便是它的艺术质量和服务质量比之前提到的比较，Flash交互式旅游地图与单纯的纸质地图、手绘旅游地图、电子地图相比更综合、目的性更明确、更具吸引力同时也符合当今的潮流。

2 交互式旅游地图界面设计

2.1 旅游地图的信息要素

旅游地图需囊括所展示景区的人文及地理环境、交通信息、旅游指南、景区周边服务资源分布。人文环境主要侧重于地域文化热点、文化特色、特色产品、特色饮食；地理环境主要侧重当地的地形分布；交通信息包括航空、铁路、公路、水路、市内交通情况等；旅游指南侧重于对景点的情况介绍；包括景区路线信息、景区特色介绍；景区周边服务资源分布主要指住宿、便利店、餐饮、加油站、娱乐场所的分布情况。这些数据信息都要在旅游地图上有合理的概括及整合。

2.2 针对地图元素的交互界面设计

交互设计与界面设计的关系在于交互设计的核心在于满足用户对产品内容和交互方式的各种体验，用户界面设计的目的是优化人机互动的用户体验。一个良好的用户界面所需的特征为：界面清晰、设计简明、界面熟悉、容易响应、操作一致、吸引力强、操作高效和容忍出错。清晰的界面可以直观地告诉用户可操作的程序有哪些，尽量少的添加解释与说明，因为过多的说明会使界面显得臃肿，而大多用户也比较排斥。用标签的形式将操作选项分类排好，用户可以清楚地看到访问选项进行浏览和导航。简明的设计是为了突出交互界面的操作重点。用户通过几次尝试便可熟悉界面分布特点从而便于使用，应用程序的及时响应也十分重要。倘若触击命令按钮时界面没有任何明显的响应，如果触发按钮后按钮的外观没有变化，音响也没有声音，而程序本身也没有立刻的反应继续运行，用户一方面会怀疑之前的触控是否到位，另一方面会觉得该程序不易操作反应太慢从而放弃再次使用和用户间的推广。这样的问题会很难吸引用户再次使用程序。整个应用程序的操作模式需要同人们常规的使用习惯相一致，这样可以使界面操作变得得心应手。对于操作时错误的使用方法，设计人员应给予用户相关提示指引操作。一个好的交互设计光完成界面实用设计是不完整的，还应在情感和文化上寻求对用户的吸引力。交互设计关注行为的设计，也关注行为同形式及内容的联系。内容设计是有关媒体信息本身的结构设计，该设计可以让信息的内容更合理更富有逻辑，更利于被用户所接受。而可用性设计则是关系到符合认知标准的设计，如利于合理的导航设计、链接方式设计、菜单设计、互动模式设计来使用户感受到互动操作感。互动的方式可以以视听感官来回馈为用户产生情感体验和满足感提供条件来达到情感化设计。

用户界面是交互设计结果的自然体现，交互设计的出发点在于研究人与物交流时候，人的心理模式和行为模式，并在此研究基础上，设计人工物的可提供的交互方式，来满足人对使用人工物的三个层次的需求。从这个角度看来，交互设计是设计方法，而界面设计是交互设计的自然结果。需要指出：交互性不限于技术相关的系统。交互设计所要完成的目标包括可用性和用户体验目标。在约瑟夫派恩的理论中，体验被分为娱乐体验、教育体验、逃避现实体验和审美体验。而在上述的四种体验中，娱乐体验是最具吸引力的，通过娱乐元素与产品和服务相结合商家可以

吸引更多顾客的参与，而且还可强化其他三种体验的效果。

3 城市交互式旅游地图的艺术设计实现

3.1城市交互式旅游地图的实现条件

由于Flash动画的交互性设计较为复杂，操作工序过多对美感的制作要求也比较高，需要具备艺术创作能力、Flash软件操作技巧熟练以及Flash程序代码应用知识丰富的人员来完成，制作一个Flash交互性设计就成了一个需要合作互补完成的设计，对创作者而言需要具备有效的画面制作能力、丰富的想象能力、良好的色感、音乐鉴赏能力和与设计有关的计算机技术。因此设计人员应当具有艺术设计和计算机技术这两份专业担当，组员间的默契合作是实现有效设计作品的保证。

关于Flash动画的交互性设计的设计制作方案绝不是一次讨论设计就可以确定下来的，它需要在主创者的设计方案中经过创作团队的反复设计和商定后才能得到一个详细的设计结构，但创作者的最初意图可能与最终交互效果不同，设计初衷不能充分的展现出来。

3.2 交互旅游地图中的手绘元素设计

3.2.1 手绘元素设计

旅游地图的艺术性主要表现在地图图形的设计、地图符号的设计、地图色彩构成的设计上。通过旅游地图中的图形图案设计可以直观地展现景点的风景和文化特色，这十分有利于游客从地图中直接感受城市的风土人情。作为旅游地图中反复出现的符号形象例如餐馆图标，合理的设计和组合可以增加地图的视觉丰富感。设计的艺术成分在手绘地图中有非常好的体现，将其作为交互式旅游地图内容的一部分可以提高地图的美感和精致程度，漂亮的手绘经典插画会比照片更具感染力。

3.2.2 Flash交互界面设计

创作人员在设计之初需要一个主题定位，确定用户群体后换位思考设计中最需要的效果。了解最合适的交互参与风格。

在Flash的界面交互设计方面，界面交互行为的简洁设计有助于用户对交互旅游地图动画的使用、了解，提高应用的操作效率。在Flash的界面文字说明方面，界面中要使用能反应用户本身的语言，而不是游戏设计者的语言，这样可以拉近应用程序与游客的距离，让交互行为显得更亲切更真诚。作为每一个优秀界面都应具备的特点，一致性是Flash旅游地图最不可缺的部分。地图界面的结构必须清晰且一致，每个关键帧间的风格也必须在与内容相配合的前提下有上下承接的视觉效果，否则就会显得突兀，出现跳帧。好的Flash交互设计界面出彩之处并不在于它的动作丰富和花哨而是视觉效果清晰明了。清楚的界面有助于使用者操作时能拥有上便于理解和使用的视觉效果。

关于此程序的操作层面，要本着一般常识的角度出发做一个人性化的交互界面设计，让使用者能够很快熟悉程序的使用方法。做到轻松操作。当然要达到界面的人性化还要注意从用户习惯考虑，想用户所想，做用户所做。让用户感到贴心与实用的界面交互效果，在版面按钮的排列方面，一个有序的界面能让有一个熟悉感也便于操作。关于交互操作方式，Flash支持鼠标点击和键盘操作。例如若要在一个按屏按钮经行操作，鼠标左键点击和键盘上的Enter键均可实现。有关Flash交互旅游地图的安全性基本不用考虑，因为此应用至侧重于旅游文化的宣传，而且操作无需联网经行。并且所以按钮操作都有可逆性，每一

个前进动作都会配有一个返回性质的按钮，操作十分便捷。

参考文献：

[1]于志伟.旅游地图的设计与编制[J].内蒙古科技与经济，2009（22）.

[2]章桂仙，王为和，刘连喜.浅析旅游地图的编制[J].现代测绘，2010（03）.

[3]朱体高，何丽华，徐之俊.旅游地图功能刍议[J].地理空间信息，2007（03）

[4]吴增红，陈毓芬.河南省旅游地图网站的设计与实现[J].测绘科学，2008（01）.

项目基金：

渭南师范学院大学生创新项目基金（13XK054）。

作者简介：

顾燕（1990-），女，山西太原人，渭南师范学院，研究方向：数字媒体交互式设计研究。

冯文博（1979-），男，陕西咸阳人，渭南师范学院讲师，研究方向：数字媒体艺术。