交互式城市旅游地圖設(shè)計實現(xiàn)研究

顧燕 馮文博

摘要：城市旅游是一個集聚自然風(fēng)光、人文景觀、歷史文化、民俗文化于一體的綜合旅游，需要漂亮的地圖帶給游客的是新鮮感和好奇心交互式旅游地圖在地圖構(gòu)建的基礎(chǔ)上更側(cè)重于交互表現(xiàn)和娛樂性，在景區(qū)可以通過多媒體導(dǎo)航屏幕與周圍的環(huán)境融為一體，給游人更多的視覺樂趣。每個城市都有其獨特的地域文化，交互式旅游地圖作為一個引導(dǎo)者在具備信息指示功能的同時還兼具手繪旅游地圖文化藝術(shù)優(yōu)勢。作為一個新的地圖風(fēng)格形式，深深吸引著游客的目光。

關(guān)鍵詞：旅游地圖 Flash 界面設(shè)計

1 城市旅游地圖的國內(nèi)環(huán)境

1.1 旅游地圖的國內(nèi)發(fā)展概況

1.1.1 旅游地圖的國內(nèi)現(xiàn)狀

城市旅游是一個集聚自然風(fēng)光、人文景觀、歷史文化、民俗文化于一體的綜合旅游，也漸漸成為旅游業(yè)的主體。作為文化新元素的城市旅游地圖也漸漸成為旅游者的必備資源。

就媒介而言主要有：紙質(zhì)旅游地圖、電子旅游地圖、多媒體旅游地圖、網(wǎng)絡(luò)旅游地圖等不同媒介的地圖層出不窮。就外觀而言，目前被大眾所熟悉的地圖一種是以城市交通為主要設(shè)計內(nèi)容的旅游地圖。

另一種為由設(shè)計師自行設(shè)計獨具個人風(fēng)格的旅游地圖。前者內(nèi)容嚴謹路標明確但沒有針對旅游的信息系統(tǒng)，而且也不具備適合旅游的設(shè)計形式。而后者常以手繪的形式表達旅游主題。通過在地圖的繪制中融入本土風(fēng)格元素和當(dāng)?shù)靥厣珌韺崿F(xiàn)新穎的設(shè)計和漂亮的外觀，比較適合收藏紀念。無論是外觀還是內(nèi)容，手繪地圖的設(shè)計風(fēng)格都格外吸引旅游者。它不再只是單純地尋找目的地的工具，更多地融入了藝術(shù)美感和藝術(shù)表現(xiàn)力，更兼具了審美和收藏價值。手繪地圖的功能不再只是導(dǎo)向性，更多的是在審美上滿足現(xiàn)代人的高要求，漂亮的地圖帶給游客的是新鮮感和好奇心。[1]

1.1.2 交互式旅游地圖的國內(nèi)現(xiàn)狀

交互設(shè)計的研究往往反映出理論落后于實踐的狀況，隨著個人電腦和互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展和普及以及觸控技術(shù)的發(fā)展，軟件面對的普通受眾越來越多，這也使得交互媒體具有了小眾化、個性化、全球化、多樣化、虛擬化等特點。國內(nèi)許多大學(xué)開始開設(shè)了相關(guān)專業(yè)，體現(xiàn)了設(shè)計藝術(shù)同數(shù)字技術(shù)結(jié)合的特征。關(guān)于交互設(shè)計的實際應(yīng)用以多媒體旅游地圖為例。電子地圖始于20世紀80年代末，在計算機制圖基礎(chǔ)上的地理信息系統(tǒng)。旅游地圖在以計算機技術(shù)不斷發(fā)展和游客的實用需求增加的條件下很快走入人們的生活中。旅游地圖數(shù)字化交互設(shè)計源于電子地圖。它的靈活性、共享性、內(nèi)容豐富、易計算等優(yōu)點深受用戶的親睞?，F(xiàn)在電子地圖和數(shù)字地圖的覆蓋廣泛，品牌也比較豐富，如谷歌地圖、百度地圖、搜狗地圖、高德地圖等都是知名度很高的數(shù)字地圖。作為新型的電子地圖和普通紙質(zhì)地圖相比它的表現(xiàn)形式更為靈活生動，體現(xiàn)的內(nèi)容更為全面豐富。

現(xiàn)在，數(shù)字地圖成為了更多領(lǐng)域乃至旅游業(yè)發(fā)展的重要工具。在互聯(lián)網(wǎng)上供人們使用查詢網(wǎng)絡(luò)地圖和GIS、GPS行業(yè)用專業(yè)地圖。不能否認的是這些地圖的實用性和便捷性以及在其領(lǐng)域的巨大貢獻，但若以旅游為出發(fā)點考慮，以游客作為產(chǎn)品的受眾，它們?nèi)狈β糜蔚氐奈幕畔⒁约霸诙嗝襟w互動和趣味性方面的表現(xiàn)力。

1.2 交互式旅游地圖的優(yōu)越性

交互式旅游地圖在地圖構(gòu)建的基礎(chǔ)上更側(cè)重于交互表現(xiàn)和娛樂性，在景區(qū)可以通過多媒體導(dǎo)航屏幕與周圍的環(huán)境融為一體，給游人更多的視覺樂趣。每個城市都有其獨特的地域文化，交互式旅游地圖作為一個引導(dǎo)者在具備信息指示功能的同時還兼具手繪旅游地圖文化藝術(shù)優(yōu)勢。作為一個新的地圖風(fēng)格形式，深深吸引游客的目光。

現(xiàn)如今旅游地圖已成為人們不為陌生的游訪指南和旅行向?qū)А?yōu)秀的旅游類地圖在具備補助旅游功能的基礎(chǔ)上還是旅游宣傳的好助手。

首先，作為旅游地圖它最大的特色不是在于對地理環(huán)境信息及交通信息精準的描述，而是將設(shè)計重點放在版面及元素的外觀設(shè)計上。

其次，Adobe Flash是一個針對矢量繪圖支持交互行為的動畫制作軟件，經(jīng)歷了近二十年的發(fā)展歷程。Flash應(yīng)用程序的實用價值和藝術(shù)價值也在逐步提升。Flash軟件的技術(shù)優(yōu)勢與價值實現(xiàn)簡化的制作工序使Flash軟件更為大眾，F(xiàn)lash的腳本語言功能（ActionScript）是實現(xiàn)程序交互的關(guān)鍵，ActionScript腳本語言隨著Flash版本的更新越來越豐富，如全局函數(shù)、影片剪輯控制、運算符、常數(shù)等。通過這些腳本語言使關(guān)鍵幀、影片剪輯、按鈕的相互作用便可完成一個有趣的交互應(yīng)用。有很多網(wǎng)頁游戲和網(wǎng)頁美化設(shè)計都是通過Flash軟件和相關(guān)設(shè)計軟件來實現(xiàn)的如最為大眾熟知的Photoshop軟件及專業(yè)插畫軟件Painter。

再次，作為一樣具有娛樂性的旅游地圖若是利用Flash的交互功實現(xiàn)旅游地圖的交互性和娛樂性將是一個非常好的想法也比較容易實現(xiàn)。

創(chuàng)意是Flash程序的魅力所在，將音效、動畫、交互方式巧妙地融為一體的手繪風(fēng)格城市旅游地圖絕對會比傳統(tǒng)意義上的電子地圖和平面手繪旅游地圖更奪人眼球。在Flash設(shè)計基礎(chǔ)方面，設(shè)計的基礎(chǔ)是Flash的界面框架同頁面元素、顏色設(shè)計、界面交互形式的合理結(jié)合。在個性的Flash作品制作里雖然對作品中元素的組合手法多樣，制作方法也有很多，但不變的就是審美原則。Flash作品需要以下五個原則的保證：界面風(fēng)格交互方式的統(tǒng)一性、畫面樣式和風(fēng)格的連續(xù)性、FLASH元件間的相互獨立、畫面的視覺對比、整體布局的合理。作為擁有交互行為的Flash作品它的優(yōu)勢就在于互動的趣味感與藝術(shù)美感的結(jié)合。Flash交互作品支持事件的響應(yīng)和交互功能，在Flash動畫中每個幀都可以通過代碼和按鈕的設(shè)置有自己事件的響應(yīng)，如在關(guān)鍵幀上加入代碼“stop”可以使畫面播放到此幀時停止播放使畫面靜止，但安插在此頁面上的影片剪輯和元件還會繼續(xù)播放。又如在頁面上加入按鈕，通過鼠標來點擊時的交互效果及點擊按鈕后的事件觸發(fā)、交互鏈接行為。Flash的交互動畫效果是豐富畫面實現(xiàn)更好交互效果的良方。將這種表現(xiàn)方法應(yīng)用在旅游地圖上來實現(xiàn)旅游地圖的趣味交互性是很多學(xué)者不曾嘗試的。

城市作為人類社會文明的載體時刻向人們展示著地方性的精神文化特色。作為本身就具有藝術(shù)屬性的城市旅游地圖若將其賦予交互風(fēng)格對與旅游業(yè)本身來說是將旅游文化以一種新的方式展現(xiàn)出來。由于地圖是一種文化產(chǎn)品，旅游地圖的藝術(shù)品質(zhì)會對游客對景點的第一印象有所影響，設(shè)計師需要將旅游景點的特點和地圖受眾的審美融合起來。所以重視視覺藝術(shù)效果絕不能只是空談，它是整個交互設(shè)計的靜態(tài)亮點。將手繪效果與Flash交互動畫相結(jié)合的這種交互旅游地圖表現(xiàn)形式的一個明顯優(yōu)勢便是它的藝術(shù)質(zhì)量和服務(wù)質(zhì)量比之前提到的比較，F(xiàn)lash交互式旅游地圖與單純的紙質(zhì)地圖、手繪旅游地圖、電子地圖相比更綜合、目的性更明確、更具吸引力同時也符合當(dāng)今的潮流。

2 交互式旅游地圖界面設(shè)計

2.1 旅游地圖的信息要素

旅游地圖需囊括所展示景區(qū)的人文及地理環(huán)境、交通信息、旅游指南、景區(qū)周邊服務(wù)資源分布。人文環(huán)境主要側(cè)重于地域文化熱點、文化特色、特色產(chǎn)品、特色飲食；地理環(huán)境主要側(cè)重當(dāng)?shù)氐牡匦畏植?；交通信息包括航空、鐵路、公路、水路、市內(nèi)交通情況等；旅游指南側(cè)重于對景點的情況介紹；包括景區(qū)路線信息、景區(qū)特色介紹；景區(qū)周邊服務(wù)資源分布主要指住宿、便利店、餐飲、加油站、娛樂場所的分布情況。這些數(shù)據(jù)信息都要在旅游地圖上有合理的概括及整合。

2.2 針對地圖元素的交互界面設(shè)計

交互設(shè)計與界面設(shè)計的關(guān)系在于交互設(shè)計的核心在于滿足用戶對產(chǎn)品內(nèi)容和交互方式的各種體驗，用戶界面設(shè)計的目的是優(yōu)化人機互動的用戶體驗。一個良好的用戶界面所需的特征為：界面清晰、設(shè)計簡明、界面熟悉、容易響應(yīng)、操作一致、吸引力強、操作高效和容忍出錯。清晰的界面可以直觀地告訴用戶可操作的程序有哪些，盡量少的添加解釋與說明，因為過多的說明會使界面顯得臃腫，而大多用戶也比較排斥。用標簽的形式將操作選項分類排好，用戶可以清楚地看到訪問選項進行瀏覽和導(dǎo)航。簡明的設(shè)計是為了突出交互界面的操作重點。用戶通過幾次嘗試便可熟悉界面分布特點從而便于使用，應(yīng)用程序的及時響應(yīng)也十分重要。倘若觸擊命令按鈕時界面沒有任何明顯的響應(yīng)，如果觸發(fā)按鈕后按鈕的外觀沒有變化，音響也沒有聲音，而程序本身也沒有立刻的反應(yīng)繼續(xù)運行，用戶一方面會懷疑之前的觸控是否到位，另一方面會覺得該程序不易操作反應(yīng)太慢從而放棄再次使用和用戶間的推廣。這樣的問題會很難吸引用戶再次使用程序。整個應(yīng)用程序的操作模式需要同人們常規(guī)的使用習(xí)慣相一致，這樣可以使界面操作變得得心應(yīng)手。對于操作時錯誤的使用方法，設(shè)計人員應(yīng)給予用戶相關(guān)提示指引操作。一個好的交互設(shè)計光完成界面實用設(shè)計是不完整的，還應(yīng)在情感和文化上尋求對用戶的吸引力。交互設(shè)計關(guān)注行為的設(shè)計，也關(guān)注行為同形式及內(nèi)容的聯(lián)系。內(nèi)容設(shè)計是有關(guān)媒體信息本身的結(jié)構(gòu)設(shè)計，該設(shè)計可以讓信息的內(nèi)容更合理更富有邏輯，更利于被用戶所接受。而可用性設(shè)計則是關(guān)系到符合認知標準的設(shè)計，如利于合理的導(dǎo)航設(shè)計、鏈接方式設(shè)計、菜單設(shè)計、互動模式設(shè)計來使用戶感受到互動操作感?；拥姆绞娇梢砸砸暵牳泄賮砘仞仦橛脩舢a(chǎn)生情感體驗和滿足感提供條件來達到情感化設(shè)計。

用戶界面是交互設(shè)計結(jié)果的自然體現(xiàn)，交互設(shè)計的出發(fā)點在于研究人與物交流時候，人的心理模式和行為模式，并在此研究基礎(chǔ)上，設(shè)計人工物的可提供的交互方式，來滿足人對使用人工物的三個層次的需求。從這個角度看來，交互設(shè)計是設(shè)計方法，而界面設(shè)計是交互設(shè)計的自然結(jié)果。需要指出：交互性不限于技術(shù)相關(guān)的系統(tǒng)。交互設(shè)計所要完成的目標包括可用性和用戶體驗?zāi)繕?。在約瑟夫派恩的理論中，體驗被分為娛樂體驗、教育體驗、逃避現(xiàn)實體驗和審美體驗。而在上述的四種體驗中，娛樂體驗是最具吸引力的，通過娛樂元素與產(chǎn)品和服務(wù)相結(jié)合商家可以

吸引更多顧客的參與，而且還可強化其他三種體驗的效果。

3 城市交互式旅游地圖的藝術(shù)設(shè)計實現(xiàn)

3.1城市交互式旅游地圖的實現(xiàn)條件

由于Flash動畫的交互性設(shè)計較為復(fù)雜，操作工序過多對美感的制作要求也比較高，需要具備藝術(shù)創(chuàng)作能力、Flash軟件操作技巧熟練以及Flash程序代碼應(yīng)用知識豐富的人員來完成，制作一個Flash交互性設(shè)計就成了一個需要合作互補完成的設(shè)計，對創(chuàng)作者而言需要具備有效的畫面制作能力、豐富的想象能力、良好的色感、音樂鑒賞能力和與設(shè)計有關(guān)的計算機技術(shù)。因此設(shè)計人員應(yīng)當(dāng)具有藝術(shù)設(shè)計和計算機技術(shù)這兩份專業(yè)擔(dān)當(dāng)，組員間的默契合作是實現(xiàn)有效設(shè)計作品的保證。

關(guān)于Flash動畫的交互性設(shè)計的設(shè)計制作方案絕不是一次討論設(shè)計就可以確定下來的，它需要在主創(chuàng)者的設(shè)計方案中經(jīng)過創(chuàng)作團隊的反復(fù)設(shè)計和商定后才能得到一個詳細的設(shè)計結(jié)構(gòu)，但創(chuàng)作者的最初意圖可能與最終交互效果不同，設(shè)計初衷不能充分的展現(xiàn)出來。

3.2 交互旅游地圖中的手繪元素設(shè)計

3.2.1 手繪元素設(shè)計

旅游地圖的藝術(shù)性主要表現(xiàn)在地圖圖形的設(shè)計、地圖符號的設(shè)計、地圖色彩構(gòu)成的設(shè)計上。通過旅游地圖中的圖形圖案設(shè)計可以直觀地展現(xiàn)景點的風(fēng)景和文化特色，這十分有利于游客從地圖中直接感受城市的風(fēng)土人情。作為旅游地圖中反復(fù)出現(xiàn)的符號形象例如餐館圖標，合理的設(shè)計和組合可以增加地圖的視覺豐富感。設(shè)計的藝術(shù)成分在手繪地圖中有非常好的體現(xiàn)，將其作為交互式旅游地圖內(nèi)容的一部分可以提高地圖的美感和精致程度，漂亮的手繪經(jīng)典插畫會比照片更具感染力。

3.2.2 Flash交互界面設(shè)計

創(chuàng)作人員在設(shè)計之初需要一個主題定位，確定用戶群體后換位思考設(shè)計中最需要的效果。了解最合適的交互參與風(fēng)格。

在Flash的界面交互設(shè)計方面，界面交互行為的簡潔設(shè)計有助于用戶對交互旅游地圖動畫的使用、了解，提高應(yīng)用的操作效率。在Flash的界面文字說明方面，界面中要使用能反應(yīng)用戶本身的語言，而不是游戲設(shè)計者的語言，這樣可以拉近應(yīng)用程序與游客的距離，讓交互行為顯得更親切更真誠。作為每一個優(yōu)秀界面都應(yīng)具備的特點，一致性是Flash旅游地圖最不可缺的部分。地圖界面的結(jié)構(gòu)必須清晰且一致，每個關(guān)鍵幀間的風(fēng)格也必須在與內(nèi)容相配合的前提下有上下承接的視覺效果，否則就會顯得突兀，出現(xiàn)跳幀。好的Flash交互設(shè)計界面出彩之處并不在于它的動作豐富和花哨而是視覺效果清晰明了。清楚的界面有助于使用者操作時能擁有上便于理解和使用的視覺效果。

關(guān)于此程序的操作層面，要本著一般常識的角度出發(fā)做一個人性化的交互界面設(shè)計，讓使用者能夠很快熟悉程序的使用方法。做到輕松操作。當(dāng)然要達到界面的人性化還要注意從用戶習(xí)慣考慮，想用戶所想，做用戶所做。讓用戶感到貼心與實用的界面交互效果，在版面按鈕的排列方面，一個有序的界面能讓有一個熟悉感也便于操作。關(guān)于交互操作方式，F(xiàn)lash支持鼠標點擊和鍵盤操作。例如若要在一個按屏按鈕經(jīng)行操作，鼠標左鍵點擊和鍵盤上的Enter鍵均可實現(xiàn)。有關(guān)Flash交互旅游地圖的安全性基本不用考慮，因為此應(yīng)用至側(cè)重于旅游文化的宣傳，而且操作無需聯(lián)網(wǎng)經(jīng)行。并且所以按鈕操作都有可逆性，每一

個前進動作都會配有一個返回性質(zhì)的按鈕，操作十分便捷。

參考文獻：

[1]于志偉.旅游地圖的設(shè)計與編制[J].內(nèi)蒙古科技與經(jīng)濟，2009（22）.

[2]章桂仙，王為和，劉連喜.淺析旅游地圖的編制[J].現(xiàn)代測繪，2010（03）.

[3]朱體高，何麗華，徐之俊.旅游地圖功能芻議[J].地理空間信息，2007（03）

[4]吳增紅，陳毓芬.河南省旅游地圖網(wǎng)站的設(shè)計與實現(xiàn)[J].測繪科學(xué)，2008（01）.

項目基金：

渭南師范學(xué)院大學(xué)生創(chuàng)新項目基金（13XK054）。

作者簡介：

顧燕（1990-），女，山西太原人，渭南師范學(xué)院，研究方向：數(shù)字媒體交互式設(shè)計研究。

馮文博（1979-），男，陜西咸陽人，渭南師范學(xué)院講師，研究方向：數(shù)字媒體藝術(shù)。