基于數(shù)字媒體技術(shù)下交互地圖的應(yīng)用與傳播

盧忠威 楊鑫

摘要：本文試以交互地圖為突破口，綜合傳統(tǒng)地圖、信息設(shè)計以及數(shù)字媒體技術(shù)環(huán)境下的優(yōu)勢。通過研究廣西廉政文化教育基地交互地圖的設(shè)計方法，探索交互地圖在信息時代的應(yīng)用與傳播?；跀?shù)字媒體技術(shù)環(huán)境下，交互性或者說互動性是地圖有效傳播的重要途徑之一，本文選取廣西各個市級單位具有代表性的廉潔教育基地作為交互地圖創(chuàng)作的基本元素，將其代表性建筑以交互地圖的形式進行呈現(xiàn)。旨在讓受眾體驗互動設(shè)計的同時，更加體會到廉潔文化帶來的魅力。

關(guān)鍵詞：數(shù)字媒體;H5;交互地圖;應(yīng)用

一、引言

廉潔文化作為中國特色社會主義文化的重要組成部分，承擔著樹立廉潔理念、弘揚崇廉風尚的重要任務(wù)。本文交互地圖傳播的主要群體為在校大學生，高等院校作為文化傳播的重要場所，對社會的進步和發(fā)展起著關(guān)鍵性作用。

本文選取廣西各個市級單位具有代表性的廉政文化教育基地作為交互地圖創(chuàng)作的對象。綜合靜態(tài)地圖、信息設(shè)計以及數(shù)字媒體技術(shù)環(huán)境下的優(yōu)勢，利于在信息時代促使廉政文化在校園中的有效傳播，對大學生價值觀的重塑與形成發(fā)揮著舉足輕重的作用。

二、H5技術(shù)

H5技術(shù)是一種高級的網(wǎng)頁技術(shù)，作為用戶日常所看到的移動端的動態(tài)邀請函、動態(tài)名片、小游戲等都是H5網(wǎng)頁，全稱為HTML5。隨著移動端社交媒體的發(fā)展，尤其是隨著微信使用的普及，H5技術(shù)以迅雷不及掩耳之勢陡然興起。H5之所以發(fā)展如此迅猛，最大的優(yōu)勢在于它互動性強，便于產(chǎn)品的快速迭代，適用于當下最為依賴的社交工具移動手機，它無安裝門檻，更容易推廣、爆發(fā)且推廣成本低。對于用戶來說，H5大大降低了用戶的使用門檻。

三、H5在數(shù)字媒體技術(shù)下的發(fā)展優(yōu)勢

數(shù)字媒體技術(shù)以其自身的優(yōu)勢，已經(jīng)在多個設(shè)計領(lǐng)域被廣泛運用，對于數(shù)字媒體技術(shù)應(yīng)用最為廣泛的是交互領(lǐng)域。常用的宣傳載體工具，比較熟悉的如易企秀、兔展、木疙瘩等。H5技術(shù)是數(shù)字媒體技術(shù)發(fā)展到一定程度的產(chǎn)物。隨互聯(lián)網(wǎng)時代的不斷進步，H5技術(shù)得到了一定的應(yīng)用與傳播，它以成本低、互動強、易操作、跨平臺等特點，且能夠有效對信息地圖進行互動化的儲存和傳播。深受受眾喜愛。

四、交互地圖的特點與優(yōu)勢

交互設(shè)計的本質(zhì)是人與人，人與人造系統(tǒng)、人與自然的學科，當下信息社會中，地圖的制作和應(yīng)用都有巨大飛躍，交互地圖在信息傳達上呈現(xiàn)出多樣化的特點，給用戶在使用方式和體驗上帶來巨大的提升。

（一）交互地圖的特點

交互性是交互地圖的重要特征之一。通過交互的形式，用戶從過去被動的接受者轉(zhuǎn)為現(xiàn)在主動的探索者，甚至成為地圖設(shè)計的參與者之一。形象化的用文字、圖形、色彩，表達用戶的所見所聞所想，能夠更具有互動感。交互地圖創(chuàng)作并非簡單地模仿，不僅是設(shè)計一些美觀的界面，最主要的還是解決交互的問題，提高用戶體驗。

（二）交互地圖的優(yōu)勢

交互地圖作為信息時代下的產(chǎn)物，其優(yōu)勢不言而喻，更加新穎的交互形式大大提升了交互地圖的創(chuàng)意空間，改變了傳統(tǒng)靜態(tài)地圖單一的互動形式，其豐富多樣的交互語匯提升了受眾關(guān)注的程度。

五、交互地圖在數(shù)字媒體技術(shù)下的應(yīng)用過程

本文研究主要內(nèi)容是選取廣西各個市級單位具有代表性的廉潔教育基地作為交互地圖的創(chuàng)作對象，如：“南寧市鄧穎超紀念館、桂林市湘江戰(zhàn)役紀念館、柳宗元紀念館、百色起義紀念館、龍州起義紀念館”等十余個建筑。

通過深入挖掘當?shù)亓疂嵒亟ㄖ鳛閯?chuàng)作元素。前期，運用Photoshop、Ai、Sai等軟件并搭配數(shù)位板進行插畫設(shè)計創(chuàng)作。后期，運用H5交互技術(shù)進行互動創(chuàng)作，將其代表性建筑以交互地圖的形式進行呈現(xiàn)。讓受眾在體驗互動設(shè)計時，更加體會到廉潔文化帶來的魅力。

六、交互地圖在數(shù)字媒體技術(shù)下的創(chuàng)新點與特色

（一）創(chuàng)新點

1.利用專業(yè)知識技能與H5軟件技術(shù)，以交互設(shè)計的形式面向大學生群體展現(xiàn)出具有廉潔文化精神的地圖，響應(yīng)了學校提出的增強大學生廉政文化教育的號召。

2.利用H5互動體驗，作品與受眾之間產(chǎn)生互動，更好地體驗到廉潔文化的時代內(nèi)涵。

3.以前期創(chuàng)作的數(shù)字插圖為原型，結(jié)合受眾群體年齡段特征，在插圖基礎(chǔ)上設(shè)計出符合當代廉潔文化價值的文創(chuàng)產(chǎn)品。

（二）特色

1.廉政文化在校園中的傳播，對大學生價值觀的重塑與形成發(fā)揮著舉足輕重的作用，符合當今社會主義核心價值觀要求。

2.本文通過H5互動體驗的形式把廣西廉政教育基地特色建筑全面地展示出來。將創(chuàng)新研究與廉潔文化教育相結(jié)合，提升了研究的本身價值意義。

七、項目已具備的條件、技術(shù)路線、擬解決的問題

（一）已具備的條件

1.團隊介紹

團隊成員在創(chuàng)作前期已經(jīng)對廣西廉政文化教育基地有一定的了解;數(shù)字插畫與H5交互設(shè)計是本專業(yè)課程的主講課程。團隊成員在H5交互與數(shù)字插畫創(chuàng)作都有很高的認知度，以及很強的原創(chuàng)設(shè)計能力。

2.團隊知識

團隊具有較強的專業(yè)素養(yǎng)、手繪能力和H5交互軟件技術(shù)。通過對廣西廉政文化教育基地研究和專業(yè)知識的學習中，掌握一定的科研能力、造型設(shè)計與形象色彩搭配的能力，在創(chuàng)作前期已經(jīng)設(shè)計出一套原創(chuàng)設(shè)計方案。

3.團隊特長

團隊成員擔任過兩項自治區(qū)級大學生創(chuàng)新創(chuàng)業(yè)實踐項目，擁有H5創(chuàng)作以及文創(chuàng)產(chǎn)品設(shè)計的經(jīng)驗。團隊專業(yè)水平高、創(chuàng)新設(shè)計能力強;團隊成員有較高的設(shè)計素養(yǎng)，在平時理論學習與課外實踐中更加注重對設(shè)計的原創(chuàng)精神。

（二）技術(shù)路線

1.前期，運用Photoshop、Ai、Sai等軟件并搭配數(shù)位板進行插畫設(shè)計創(chuàng)作，將選取的廉潔教育基地建筑以數(shù)字插畫的形式表現(xiàn)出來。

2.后期，運用H5交互技術(shù)進行互動創(chuàng)作并在大學生群體內(nèi)有效傳播。

（三）擬解決的問題

問題1：進行問卷調(diào)查時，調(diào)查對象的積極性不高。

解決途徑：耐心地為調(diào)查對象講解調(diào)研的課題及目的。

問題2：項目前期缺乏對研究內(nèi)容的了解。

解決途徑：通過實地考察與網(wǎng)上查詢資料等方法確定創(chuàng)作的具有時代精神的廉潔文化內(nèi)涵。

問題3：宣傳渠道少，受眾群體對項目了解少。

解決途徑：運用學校、學院各類媒體進行宣傳報道，在校園內(nèi)舉行線下沙龍研討會吸引大學生群體。

問題4：文創(chuàng)產(chǎn)品種類單一，缺乏廉潔精神時代內(nèi)涵。

解決途徑：利用團隊成員所學的專業(yè)知識與能力提取具有時代精神相關(guān)的衍生品進行推廣。

八、結(jié)語

作為一名設(shè)計師要充分運用最新的技術(shù)手段， 讓用戶有著更好的感知體驗。通過選取廣西廉政文化教育基地交互地圖的創(chuàng)作與傳播作為研究對象，用多感官的體驗，從多個角度研究交互設(shè)計的應(yīng)用與傳播， 給用戶提供日益完善的體驗感。通過對其交互地圖應(yīng)用與傳播的個案研究，探索交互地圖在數(shù)字媒體技術(shù)的支持下，其制作和傳播不斷向情感化、人性化方向發(fā)展，交互地圖受眾的沉浸式體驗也進一步加深。

參考文獻：

[1]王字欣，周蘭溪.論數(shù)字媒體技術(shù)在交互產(chǎn)品設(shè)計中的應(yīng)用[J].參花，2013（6）：141.

[2]丹尼斯·伍德.地圖的力量[M].中國社會科學出版社，2000.

[3]鄢霞.H5頁面設(shè)計的新媒體創(chuàng)新發(fā)展應(yīng)用[J].青年記者，2017（20）：91-92.