盧忠威 楊鑫

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

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

一、引言

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

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

二、H5技術(shù)

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

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

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

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

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

（一）交互地圖的特點(diǎn)

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

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

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

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

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

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

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

（一）創(chuàng)新點(diǎn)

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

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

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

（二）特色

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

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

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

（一）已具備的條件

1.團(tuán)隊(duì)介紹

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

2.團(tuán)隊(duì)知識(shí)

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

3.團(tuán)隊(duì)特長

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

（二）技術(shù)路線

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

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

（三）擬解決的問題

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

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

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

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

問題3：宣傳渠道少，受眾群體對(duì)項(xiàng)目了解少。

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

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

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

八、結(jié)語

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

參考文獻(xiàn)：

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

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

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