基于數字媒體技術下交互地圖的應用與傳播

盧忠威 楊鑫

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

關鍵詞：數字媒體;H5;交互地圖;應用

一、引言

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

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

二、H5技術

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

三、H5在數字媒體技術下的發展優勢

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

四、交互地圖的特點與優勢

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

（一）交互地圖的特點

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

（二）交互地圖的優勢

交互地圖作為信息時代下的產物，其優勢不言而喻，更加新穎的交互形式大大提升了交互地圖的創意空間，改變了傳統靜態地圖單一的互動形式，其豐富多樣的交互語匯提升了受眾關注的程度。

五、交互地圖在數字媒體技術下的應用過程

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

通過深入挖掘當地廉潔基地建筑作為創作元素。前期，運用Photoshop、Ai、Sai等軟件并搭配數位板進行插畫設計創作。后期，運用H5交互技術進行互動創作，將其代表性建筑以交互地圖的形式進行呈現。讓受眾在體驗互動設計時，更加體會到廉潔文化帶來的魅力。

六、交互地圖在數字媒體技術下的創新點與特色

（一）創新點

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

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

3.以前期創作的數字插圖為原型，結合受眾群體年齡段特征，在插圖基礎上設計出符合當代廉潔文化價值的文創產品。

（二）特色

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

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

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

（一）已具備的條件

1.團隊介紹

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

2.團隊知識

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

3.團隊特長

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

（二）技術路線

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

2.后期，運用H5交互技術進行互動創作并在大學生群體內有效傳播。

（三）擬解決的問題

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

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

問題2：項目前期缺乏對研究內容的了解。

解決途徑：通過實地考察與網上查詢資料等方法確定創作的具有時代精神的廉潔文化內涵。

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

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

問題4：文創產品種類單一，缺乏廉潔精神時代內涵。

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

八、結語

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

參考文獻：

[1]王字欣，周蘭溪.論數字媒體技術在交互產品設計中的應用[J].參花，2013（6）：141.

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

[3]鄢霞.H5頁面設計的新媒體創新發展應用[J].青年記者，2017（20）：91-92.