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

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

2、是一個(gè)集聚自然風(fēng)光、人文景觀、歷史文化、民俗文化于一體的綜合旅游，也漸漸成為旅游業(yè)的主體。作為文化新元素的城市旅游地圖也漸漸成為旅游者的必備資源。就媒介而言主要有：紙質(zhì)旅游地圖、電子旅游地圖、多媒體旅游地圖、網(wǎng)絡(luò)旅游地圖等不同媒介的地圖層出不窮。就外觀而言，目前被大眾所熟悉的地圖一種是以城市交通為主要設(shè)計(jì)內(nèi)容的旅游地圖。另一種為由設(shè)計(jì)師自行設(shè)計(jì)獨(dú)具個(gè)人風(fēng)格的旅游地圖。前者內(nèi)容嚴(yán)謹(jǐn)路標(biāo)明確但沒(méi)有針對(duì)旅游的信息系統(tǒng)，而且也不具備適合旅游的設(shè)計(jì)形式。而后者常以手繪的形式表達(dá)旅游主題。通過(guò)在地圖的繪制中融入本土風(fēng)格元素和當(dāng)?shù)靥厣珌?lái)實(shí)現(xiàn)新穎的設(shè)計(jì)和漂亮的外觀，比較適合收藏紀(jì)念。無(wú)論是外觀還是內(nèi)容，手繪地

3、圖的設(shè)計(jì)風(fēng)格都格外吸引旅游者。它不再只是單純地尋找目的地的工具，更多地融入了藝術(shù)美感和藝術(shù)表現(xiàn)力，更兼具了審美和收藏價(jià)值。手繪地圖的功能不再只是導(dǎo)向性，更多的是在審美上滿足現(xiàn)代人的高要求，漂亮的地圖帶給游客的是新鮮感和好奇心。11.1.2 交互式旅游地圖的國(guó)內(nèi)現(xiàn)狀交互設(shè)計(jì)的研究往往反映出理論落后于實(shí)踐的狀況，隨著個(gè)人電腦和互聯(lián)網(wǎng)技術(shù)的迅速發(fā)展和普及以及觸控技術(shù)的發(fā)展，軟件面對(duì)的普通受眾越來(lái)越多，這也使得交互媒體具有了小眾化、個(gè)性化、全球化、多樣化、虛擬化等特點(diǎn)。國(guó)內(nèi)許多大學(xué)開(kāi)始開(kāi)設(shè)了相關(guān)專業(yè)，體現(xiàn)了設(shè)計(jì)藝術(shù)同數(shù)字技術(shù)結(jié)合的特征。關(guān)于交互設(shè)計(jì)的實(shí)際應(yīng)用以多媒體旅游地圖為例。電子地圖始于20世紀(jì)8

4、0年代末，在計(jì)算機(jī)制圖基礎(chǔ)上的地理信息系統(tǒng)。旅游地圖在以計(jì)算機(jī)技術(shù)不斷發(fā)展和游客的實(shí)用需求增加的條件下很快走入人們的生活中。旅游地圖數(shù)字化交互設(shè)計(jì)源于電子地圖。它的靈活性、共享性、內(nèi)容豐富、易計(jì)算等優(yōu)點(diǎn)深受用戶的親睞?，F(xiàn)在電子地圖和數(shù)字地圖的覆蓋廣泛，品牌也比較豐富，如谷歌地圖、百度地圖、搜狗地圖、高德地圖等都是知名度很高的數(shù)字地圖。作為新型的電子地圖和普通紙質(zhì)地圖相比它的表現(xiàn)形式更為靈活生動(dòng)，體現(xiàn)的內(nèi)容更為全面豐富。現(xiàn)在，數(shù)字地圖成為了更多領(lǐng)域乃至旅游業(yè)發(fā)展的重要工具。在互聯(lián)網(wǎng)上供人們使用查詢網(wǎng)絡(luò)地圖和GIS、GPS行業(yè)用專業(yè)地圖。不能否認(rèn)的是這些地圖的實(shí)用性和便捷性以及在其領(lǐng)域的巨大貢獻(xiàn)，

5、但若以旅游為出發(fā)點(diǎn)考慮，以游客作為產(chǎn)品的受眾，它們?nèi)狈β糜蔚氐奈幕畔⒁约霸诙嗝襟w互動(dòng)和趣味性方面的表現(xiàn)力。1.2 交互式旅游地圖的優(yōu)越性交互式旅游地圖在地圖構(gòu)建的基礎(chǔ)上更側(cè)重于交互表現(xiàn)和娛樂(lè)性，在景區(qū)可以通過(guò)多媒體導(dǎo)航屏幕與周圍的環(huán)境融為一體，給游人更多的視覺(jué)樂(lè)趣。每個(gè)城市都有其獨(dú)特的地域文化，交互式旅游地圖作為一個(gè)引導(dǎo)者在具備信息指示功能的同時(shí)還兼具手繪旅游地圖文化藝術(shù)優(yōu)勢(shì)。作為一個(gè)新的地圖風(fēng)格形式，深深吸引游客的目光?，F(xiàn)如今旅游地圖已成為人們不為陌生的游訪指南和旅行向?qū)?。?yōu)秀的旅游類地圖在具備補(bǔ)助旅游功能的基礎(chǔ)上還是旅游宣傳的好助手。首先，作為旅游地圖它最大的特色不是在于對(duì)地理環(huán)境信息及

6、交通信息精準(zhǔn)的描述，而是將設(shè)計(jì)重點(diǎn)放在版面及元素的外觀設(shè)計(jì)上。其次，Adobe Flash是一個(gè)針對(duì)矢量繪圖支持交互行為的動(dòng)畫(huà)制作軟件，經(jīng)歷了近二十年的發(fā)展歷程。Flash應(yīng)用程序的實(shí)用價(jià)值和藝術(shù)價(jià)值也在逐步提升。Flash軟件的技術(shù)優(yōu)勢(shì)與價(jià)值實(shí)現(xiàn)簡(jiǎn)化的制作工序使Flash軟件更為大眾，F(xiàn)lash的腳本語(yǔ)言功能（ActionScript）是實(shí)現(xiàn)程序交互的關(guān)鍵，ActionScript腳本語(yǔ)言隨著Flash版本的更新越來(lái)越豐富，如全局函數(shù)、影片剪輯控制、運(yùn)算符、常數(shù)等。通過(guò)這些腳本語(yǔ)言使關(guān)鍵幀、影片剪輯、按鈕的相互作用便可完成一個(gè)有趣的交互應(yīng)用。有很多網(wǎng)頁(yè)游戲和網(wǎng)頁(yè)美化設(shè)計(jì)都是通過(guò)Flash軟件

7、和相關(guān)設(shè)計(jì)軟件來(lái)實(shí)現(xiàn)的如最為大眾熟知的Photoshop軟件及專業(yè)插畫(huà)軟件Painter。再次，作為一樣具有娛樂(lè)性的旅游地圖若是利用Flash的交互功實(shí)現(xiàn)旅游地圖的交互性和娛樂(lè)性將是一個(gè)非常好的想法也比較容易實(shí)現(xiàn)。創(chuàng)意是Flash程序的魅力所在，將音效、動(dòng)畫(huà)、交互方式巧妙地融為一體的手繪風(fēng)格城市旅游地圖絕對(duì)會(huì)比傳統(tǒng)意義上的電子地圖和平面手繪旅游地圖更奪人眼球。在Flash設(shè)計(jì)基礎(chǔ)方面，設(shè)計(jì)的基礎(chǔ)是Flash的界面框架同頁(yè)面元素、顏色設(shè)計(jì)、界面交互形式的合理結(jié)合。在個(gè)性的Flash作品制作里雖然對(duì)作品中元素的組合手法多樣，制作方法也有很多，但不變的就是審美原則。Flash作品需要以下五個(gè)原則的保

8、證：界面風(fēng)格交互方式的統(tǒng)一性、畫(huà)面樣式和風(fēng)格的連續(xù)性、FLASH元件間的相互獨(dú)立、畫(huà)面的視覺(jué)對(duì)比、整體布局的合理。作為擁有交互行為的Flash作品它的優(yōu)勢(shì)就在于互動(dòng)的趣味感與藝術(shù)美感的結(jié)合。Flash交互作品支持事件的響應(yīng)和交互功能，在Flash動(dòng)畫(huà)中每個(gè)幀都可以通過(guò)代碼和按鈕的設(shè)置有自己事件的響應(yīng)，如在關(guān)鍵幀上加入代碼“stop”可以使畫(huà)面播放到此幀時(shí)停止播放使畫(huà)面靜止，但安插在此頁(yè)面上的影片剪輯和元件還會(huì)繼續(xù)播放。又如在頁(yè)面上加入按鈕，通過(guò)鼠標(biāo)來(lái)點(diǎn)擊時(shí)的交互效果及點(diǎn)擊按鈕后的事件觸發(fā)、交互鏈接行為。Flash的交互動(dòng)畫(huà)效果是豐富畫(huà)面實(shí)現(xiàn)更好交互效果的良方。將這種表現(xiàn)方法應(yīng)用在旅游地圖上來(lái)實(shí)

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

10、合、目的性更明確、更具吸引力同時(shí)也符合當(dāng)今的潮流。2 交互式旅游地圖界面設(shè)計(jì)2.1 旅游地圖的信息要素旅游地圖需囊括所展示景區(qū)的人文及地理環(huán)境、交通信息、旅游指南、景區(qū)周邊服務(wù)資源分布。人文環(huán)境主要側(cè)重于地域文化熱點(diǎn)、文化特色、特色產(chǎn)品、特色飲食；地理環(huán)境主要側(cè)重當(dāng)?shù)氐牡匦畏植?；交通信息包括航空、鐵路、公路、水路、市內(nèi)交通情況等；旅游指南側(cè)重于對(duì)景點(diǎn)的情況介紹；包括景區(qū)路線信息、景區(qū)特色介紹；景區(qū)周邊服務(wù)資源分布主要指住宿、便利店、餐飲、加油站、娛樂(lè)場(chǎng)所的分布情況。這些數(shù)據(jù)信息都要在旅游地圖上有合理的概括及整合。2.2 針對(duì)地圖元素的交互界面設(shè)計(jì)交互設(shè)計(jì)與界面設(shè)計(jì)的關(guān)系在于交互設(shè)計(jì)的核心在于滿

11、足用戶對(duì)產(chǎn)品內(nèi)容和交互方式的各種體驗(yàn)，用戶界面設(shè)計(jì)的目的是優(yōu)化人機(jī)互動(dòng)的用戶體驗(yàn)。一個(gè)良好的用戶界面所需的特征為：界面清晰、設(shè)計(jì)簡(jiǎn)明、界面熟悉、容易響應(yīng)、操作一致、吸引力強(qiáng)、操作高效和容忍出錯(cuò)。清晰的界面可以直觀地告訴用戶可操作的程序有哪些，盡量少的添加解釋與說(shuō)明，因?yàn)檫^(guò)多的說(shuō)明會(huì)使界面顯得臃腫，而大多用戶也比較排斥。用標(biāo)簽的形式將操作選項(xiàng)分類排好，用戶可以清楚地看到訪問(wèn)選項(xiàng)進(jìn)行瀏覽和導(dǎo)航。簡(jiǎn)明的設(shè)計(jì)是為了突出交互界面的操作重點(diǎn)。用戶通過(guò)幾次嘗試便可熟悉界面分布特點(diǎn)從而便于使用，應(yīng)用程序的及時(shí)響應(yīng)也十分重要。倘若觸擊命令按鈕時(shí)界面沒(méi)有任何明顯的響應(yīng)，如果觸發(fā)按鈕后按鈕的外觀沒(méi)有變化，音響也沒(méi)有

12、聲音，而程序本身也沒(méi)有立刻的反應(yīng)繼續(xù)運(yùn)行，用戶一方面會(huì)懷疑之前的觸控是否到位，另一方面會(huì)覺(jué)得該程序不易操作反應(yīng)太慢從而放棄再次使用和用戶間的推廣。這樣的問(wèn)題會(huì)很難吸引用戶再次使用程序。整個(gè)應(yīng)用程序的操作模式需要同人們常規(guī)的使用習(xí)慣相一致，這樣可以使界面操作變得得心應(yīng)手。對(duì)于操作時(shí)錯(cuò)誤的使用方法，設(shè)計(jì)人員應(yīng)給予用戶相關(guān)提示指引操作。一個(gè)好的交互設(shè)計(jì)光完成界面實(shí)用設(shè)計(jì)是不完整的，還應(yīng)在情感和文化上尋求對(duì)用戶的吸引力。交互設(shè)計(jì)關(guān)注行為的設(shè)計(jì)，也關(guān)注行為同形式及內(nèi)容的聯(lián)系。內(nèi)容設(shè)計(jì)是有關(guān)媒體信息本身的結(jié)構(gòu)設(shè)計(jì)，該設(shè)計(jì)可以讓信息的內(nèi)容更合理更富有邏輯，更利于被用戶所接受。而可用性設(shè)計(jì)則是關(guān)系到符合認(rèn)知標(biāo)

13、準(zhǔn)的設(shè)計(jì)，如利于合理的導(dǎo)航設(shè)計(jì)、鏈接方式設(shè)計(jì)、菜單設(shè)計(jì)、互動(dòng)模式設(shè)計(jì)來(lái)使用戶感受到互動(dòng)操作感?；?dòng)的方式可以以視聽(tīng)感官來(lái)回饋為用戶產(chǎn)生情感體驗(yàn)和滿足感提供條件來(lái)達(dá)到情感化設(shè)計(jì)。用戶界面是交互設(shè)計(jì)結(jié)果的自然體現(xiàn)，交互設(shè)計(jì)的出發(fā)點(diǎn)在于研究人與物交流時(shí)候，人的心理模式和行為模式，并在此研究基礎(chǔ)上，設(shè)計(jì)人工物的可提供的交互方式，來(lái)滿足人對(duì)使用人工物的三個(gè)層次的需求。從這個(gè)角度看來(lái)，交互設(shè)計(jì)是設(shè)計(jì)方法，而界面設(shè)計(jì)是交互設(shè)計(jì)的自然結(jié)果。需要指出：交互性不限于技術(shù)相關(guān)的系統(tǒng)。交互設(shè)計(jì)所要完成的目標(biāo)包括可用性和用戶體驗(yàn)?zāi)繕?biāo)。在約瑟夫派恩的理論中，體驗(yàn)被分為娛樂(lè)體驗(yàn)、教育體驗(yàn)、逃避現(xiàn)實(shí)體驗(yàn)和審美體驗(yàn)。而在上述的

14、四種體驗(yàn)中，娛樂(lè)體驗(yàn)是最具吸引力的，通過(guò)娛樂(lè)元素與產(chǎn)品和服務(wù)相結(jié)合商家可以吸引更多顧客的參與，而且還可強(qiáng)化其他三種體驗(yàn)的效果。3 城市交互式旅游地圖的藝術(shù)設(shè)計(jì)實(shí)現(xiàn)3.1城市交互式旅游地圖的實(shí)現(xiàn)條件由于Flash動(dòng)畫(huà)的交互性設(shè)計(jì)較為復(fù)雜，操作工序過(guò)多對(duì)美感的制作要求也比較高，需要具備藝術(shù)創(chuàng)作能力、Flash軟件操作技巧熟練以及Flash程序代碼應(yīng)用知識(shí)豐富的人員來(lái)完成，制作一個(gè)Flash交互性設(shè)計(jì)就成了一個(gè)需要合作互補(bǔ)完成的設(shè)計(jì)，對(duì)創(chuàng)作者而言需要具備有效的畫(huà)面制作能力、豐富的想象能力、良好的色感、音樂(lè)鑒賞能力和與設(shè)計(jì)有關(guān)的計(jì)算機(jī)技術(shù)。因此設(shè)計(jì)人員應(yīng)當(dāng)具有藝術(shù)設(shè)計(jì)和計(jì)算機(jī)技術(shù)這兩份專業(yè)擔(dān)當(dāng)，組員間

15、的默契合作是實(shí)現(xiàn)有效設(shè)計(jì)作品的保證。關(guān)于Flash動(dòng)畫(huà)的交互性設(shè)計(jì)的設(shè)計(jì)制作方案絕不是一次討論設(shè)計(jì)就可以確定下來(lái)的，它需要在主創(chuàng)者的設(shè)計(jì)方案中經(jīng)過(guò)創(chuàng)作團(tuán)隊(duì)的反復(fù)設(shè)計(jì)和商定后才能得到一個(gè)詳細(xì)的設(shè)計(jì)結(jié)構(gòu)，但創(chuàng)作者的最初意圖可能與最終交互效果不同，設(shè)計(jì)初衷不能充分的展現(xiàn)出來(lái)。3.2 交互旅游地圖中的手繪元素設(shè)計(jì)3.2.1 手繪元素設(shè)計(jì)旅游地圖的藝術(shù)性主要表現(xiàn)在地圖圖形的設(shè)計(jì)、地圖符號(hào)的設(shè)計(jì)、地圖色彩構(gòu)成的設(shè)計(jì)上。通過(guò)旅游地圖中的圖形圖案設(shè)計(jì)可以直觀地展現(xiàn)景點(diǎn)的風(fēng)景和文化特色，這十分有利于游客從地圖中直接感受城市的風(fēng)土人情。作為旅游地圖中反復(fù)出現(xiàn)的符號(hào)形象例如餐館圖標(biāo)，合理的設(shè)計(jì)和組合可以增加地圖的視

16、覺(jué)豐富感。設(shè)計(jì)的藝術(shù)成分在手繪地圖中有非常好的體現(xiàn)，將其作為交互式旅游地圖內(nèi)容的一部分可以提高地圖的美感和精致程度，漂亮的手繪經(jīng)典插畫(huà)會(huì)比照片更具感染力。3.2.2 Flash交互界面設(shè)計(jì)創(chuàng)作人員在設(shè)計(jì)之初需要一個(gè)主題定位，確定用戶群體后換位思考設(shè)計(jì)中最需要的效果。了解最合適的交互參與風(fēng)格。在Flash的界面交互設(shè)計(jì)方面，界面交互行為的簡(jiǎn)潔設(shè)計(jì)有助于用戶對(duì)交互旅游地圖動(dòng)畫(huà)的使用、了解，提高應(yīng)用的操作效率。在Flash的界面文字說(shuō)明方面，界面中要使用能反應(yīng)用戶本身的語(yǔ)言，而不是游戲設(shè)計(jì)者的語(yǔ)言，這樣可以拉近應(yīng)用程序與游客的距離，讓交互行為顯得更親切更真誠(chéng)。作為每一個(gè)優(yōu)秀界面都應(yīng)具備的特點(diǎn)，一致性

17、是Flash旅游地圖最不可缺的部分。地圖界面的結(jié)構(gòu)必須清晰且一致，每個(gè)關(guān)鍵幀間的風(fēng)格也必須在與內(nèi)容相配合的前提下有上下承接的視覺(jué)效果，否則就會(huì)顯得突兀，出現(xiàn)跳幀。好的Flash交互設(shè)計(jì)界面出彩之處并不在于它的動(dòng)作豐富和花哨而是視覺(jué)效果清晰明了。清楚的界面有助于使用者操作時(shí)能擁有上便于理解和使用的視覺(jué)效果。關(guān)于此程序的操作層面，要本著一般常識(shí)的角度出發(fā)做一個(gè)人性化的交互界面設(shè)計(jì)，讓使用者能夠很快熟悉程序的使用方法。做到輕松操作。當(dāng)然要達(dá)到界面的人性化還要注意從用戶習(xí)慣考慮，想用戶所想，做用戶所做。讓用戶感到貼心與實(shí)用的界面交互效果，在版面按鈕的排列方面，一個(gè)有序的界面能讓有一個(gè)熟悉感也便于操作。關(guān)于交互操作方式，F(xiàn)lash支持鼠標(biāo)點(diǎn)擊和鍵盤(pán)操作。例如若要在一個(gè)按屏按鈕經(jīng)行操作，鼠標(biāo)左鍵點(diǎn)擊和鍵盤(pán)上的Enter鍵均可實(shí)現(xiàn)。有關(guān)Flash交互旅游地圖的安全性基本