李福欣 苗秀 劉玲玲

摘要：利用信息可視化進(jìn)行非遺數(shù)字化保護(hù)，為人們提供一種深入、愉悅、有參與感的全新信息獲取體驗(yàn)。收集內(nèi)蒙古非遺項(xiàng)目相關(guān)信息，建立元數(shù)據(jù)庫(kù);通過(guò)調(diào)研明確可視化的內(nèi)容及方向，結(jié)合相關(guān)算法，生成內(nèi)蒙古非遺信息可視化圖形，展開(kāi)網(wǎng)站設(shè)計(jì)。將非遺時(shí)間、空間、層次、關(guān)系、數(shù)量等單維度和交叉維度信息，結(jié)合時(shí)序圖、?；鶊D、GIS等圖形，實(shí)現(xiàn)非遺信息可視化，并適當(dāng)融入交互因素，建立內(nèi)蒙古非遺文化可視化網(wǎng)站。以網(wǎng)站作為媒介，展示多種非遺信息可視化交互圖形，提升非遺信息的辨識(shí)度、傳播速度和交流程度，使非遺文化得到有效的傳承。

關(guān)鍵詞：內(nèi)蒙古非遺 信息可視化 交互設(shè)計(jì)

中圖分類(lèi)號(hào)：J52

文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1003-0069 （2020） 08-0134-04

引言

近年來(lái)，媒體環(huán)境發(fā)生變化，新型傳播方式的流行，引發(fā)了信息傳遞方式的改變。信息傳遞從文字時(shí)代轉(zhuǎn)向讀圖時(shí)代，傳統(tǒng)媒體在對(duì)非遺的保護(hù)與傳播方面呈現(xiàn)出明顯劣勢(shì)。信息可視化在給予人們?nèi)麦w驗(yàn)的同時(shí)，使人更愉悅，更有參與感，讓觀(guān)者洞察更多信息。同時(shí)可以為非遺文化的傳承、傳播提供保障，可以讓非遺的傳承更具藝術(shù)性、交流性、教育性。

一、研究的背景非遺數(shù)字化保護(hù)現(xiàn)狀

（一）非物質(zhì)文化遺產(chǎn)概述

非物質(zhì)文化遺產(chǎn)（以下簡(jiǎn)稱(chēng)非遺），指被各群體、團(tuán)體、有時(shí)為個(gè)人所視為其文化遺產(chǎn)的各種實(shí)踐、表演、表現(xiàn)形式、知識(shí)體系和技能及其有關(guān)的工具、實(shí)物、工藝品和文化場(chǎng)所[1]。它依托于人而存在，是以人為本的“活”態(tài)的文化遺產(chǎn)[2]，主要靠口傳心記，言傳身教而得以延續(xù)[3]，具有“活態(tài)流變”的特點(diǎn)。

（二）數(shù)字化保護(hù)進(jìn)程

現(xiàn)代數(shù)字化技術(shù)與非遺保護(hù)的有機(jī)結(jié)合即是數(shù)字化保護(hù)，自20世紀(jì)90年代以來(lái)，就被用于文化遺產(chǎn)保護(hù)領(lǐng)域，近年來(lái)已成為我國(guó)文化建設(shè)工程的重要內(nèi)容，目前該保護(hù)應(yīng)用到非遺主要有以下幾個(gè)方面：

1.構(gòu)建非遺元數(shù)據(jù)庫(kù)：現(xiàn)已建成非遺普查資源數(shù)據(jù)庫(kù)、非遺項(xiàng)目資源數(shù)據(jù)庫(kù)、非遺專(zhuān)題資源數(shù)據(jù)庫(kù)和非遺數(shù)字化保護(hù)管理系統(tǒng)，數(shù)據(jù)庫(kù)中的資源信息總量正在與日俱增[4]。例如內(nèi)蒙古社會(huì)科學(xué)院組織實(shí)施完成的“內(nèi)蒙古民族民間文化遺產(chǎn)數(shù)據(jù)庫(kù)”的建設(shè)[2]，資源巨大，講解頗多。

2.利用數(shù)字技術(shù)再現(xiàn)非遺：虛擬現(xiàn)實(shí)是利用計(jì)算機(jī)模擬通過(guò)視覺(jué)，聽(tīng)覺(jué)，觸覺(jué)和其他感官模擬生成三維虛擬世界，讓人如臨現(xiàn)場(chǎng)，獲得真實(shí)的體驗(yàn)同時(shí)，還可參與交互。例如華中師范大學(xué)的“虛擬巴東”項(xiàng)目利用虛擬現(xiàn)實(shí)技術(shù)，展示了恢復(fù)后巴東舊縣的真實(shí)生活場(chǎng)景，使人們可以直觀(guān)地欣賞當(dāng)時(shí)巴東的原貌和文化景象并進(jìn)行互動(dòng)。

3.新媒體技術(shù)傳播非遺文化：新媒體是一種可以在提供個(gè)性化內(nèi)容的同時(shí)又面向公眾的媒介，具有交互即時(shí)性[5]，它不僅能將非遺傳播從平面單維傳播向交互多維傳播轉(zhuǎn)化，同時(shí)也將非遺傳播的內(nèi)容從表層化向深度化推進(jìn)。例如，中央電視臺(tái)在2014年推出的“中國(guó)謎語(yǔ)大會(huì)”將猜燈謎這一民俗重新帶到人們生活中并吸引大家參與其中普及了猜燈謎的非遺文化舊，場(chǎng)外觀(guān)眾通過(guò)APP，二維碼，短信等互動(dòng)方式參與其中。

在全球多元化和信息化的時(shí)代，利用數(shù)字化技術(shù)保護(hù)和傳承國(guó)家非遺，是非常有效和實(shí)用的方式。

二、信息可視化

（一）信息可視化

信息可視化是一個(gè)跨學(xué)科領(lǐng)域，旨在研究大規(guī)模非數(shù)值型的信息資源通過(guò)利用圖形圖像方面的技術(shù)與方法呈現(xiàn)出視覺(jué)效果[7]，幫助人們高效地理解和分析數(shù)據(jù)?，F(xiàn)有的信息技術(shù)雖然實(shí)現(xiàn)了海量信息的低成本高速傳播，但是對(duì)于高效查找、理解分析信息聯(lián)系仍然有極大的困擾?？梢暬軌虬鸦逎y懂、紛繁復(fù)雜的信息內(nèi)容通過(guò)視覺(jué)化的方法轉(zhuǎn)變?yōu)楹?jiǎn)單易讀的信息圖形，極大提高獲取信息的效率。吲

（二）信息可視化在文化保護(hù)中的現(xiàn)狀

非物質(zhì)文化遺產(chǎn)方面人們已經(jīng)積累了大量的文本資料和數(shù)據(jù)。但是，僅通過(guò)這些文本資料和數(shù)據(jù)，很難準(zhǔn)確完整地描述非遺。一方面，現(xiàn)有資料僅是對(duì)非遺內(nèi)容的簡(jiǎn)要描述，非遺之間的布局錯(cuò)綜復(fù)雜，關(guān)系以及動(dòng)態(tài)變化無(wú)法直觀(guān)感受;另一方面，限于文字記錄的表現(xiàn)力，非遺內(nèi)部之間的關(guān)系，流程以及規(guī)則等（例如那達(dá)慕草原三項(xiàng)，內(nèi)蒙古服飾文化等），并不能給人直觀(guān)的感受。內(nèi)蒙古非遺數(shù)量可觀(guān)，如何達(dá)到信息傳遞的理想狀態(tài)，讓傳播速度變得快捷高效，具有重要的研究意義。

三、基于信息可視化的內(nèi)蒙古非遺可行性探索

（一）可視化內(nèi)容及方向梳理

非遺具有多重屬性，包括時(shí)間屬性（如誕生年、批準(zhǔn)年等）、空間屬性（如誕生地、流傳地等）、關(guān)系屬性（包含、繼承等）、層次屬性、人相關(guān)屬性和多維度綜合屬性（如時(shí)空多維度屬性），適合結(jié)合可視化學(xué)科中基于時(shí)間的可視化方法（如時(shí)序圖、日歷圖等）、基于地理信息的可視化方法（如GIS等）、層級(jí)信息可視化和多維度可視化等方法進(jìn)行可視化呈現(xiàn)。

為了深入挖掘可行的可視化方向和內(nèi)容，對(duì)非遺和可視化領(lǐng)域?qū)＜疫M(jìn)行深度訪(fǎng)談，總結(jié)出以下研究方向：

1.非遺發(fā)展時(shí)序圖：按照時(shí)間先后，反映整體或局部非遺名錄在不同時(shí)間階段的演化，可以清晰地看出非遺產(chǎn)生順序和演化規(guī)律。

2.非遺熱度圖：描述非遺項(xiàng)目進(jìn)行關(guān)鍵詞檢索，根據(jù)搜索結(jié)果得出搜索熱度，根據(jù)顏色、大小、方位等確定熱力值大小。

3.非遺關(guān)系圖：描述非遺各項(xiàng)目之間的關(guān)系，用不同節(jié)點(diǎn)之間的關(guān)系來(lái)代表非遺項(xiàng)目之間的關(guān)系，如衍生關(guān)系，連帶關(guān)系等。

4.非遺與地域：可視化圖譜中的經(jīng)典模式，將非遺屬性與空間結(jié)合，在空間上描述非遺全局信息，通過(guò)地圖掌握非遺地理區(qū)位。

5.非遺傳承人關(guān)系圖：利用關(guān)系圖中節(jié)點(diǎn)與節(jié)點(diǎn)關(guān)系，描述傳承人之間的關(guān)系，關(guān)系線(xiàn)可以是無(wú)向的或是定向的，如師徒，父子，兄妹等關(guān)系。

6.重點(diǎn)非遺的詳情介紹圖：把單個(gè)非遺項(xiàng)目分解重構(gòu)，將重點(diǎn)、熱點(diǎn)項(xiàng)目詳細(xì)解讀，運(yùn)用有趣的形式或故事情節(jié)表現(xiàn)出來(lái)，提高數(shù)據(jù)可讀性。

（二）建立元數(shù)據(jù)庫(kù)

參照國(guó)際元數(shù)據(jù)庫(kù)的制定標(biāo)準(zhǔn)，如藝術(shù)品及數(shù)字圖像資源源數(shù)據(jù)庫(kù)CDWA，以及藝術(shù)民間文化數(shù)據(jù)庫(kù)VRA，確定內(nèi)蒙古非遺源元數(shù)據(jù)庫(kù)屬性。將非遺元數(shù)據(jù)庫(kù)屬性確定為一般屬性及核心屬性。核心屬性包括名稱(chēng)、類(lèi)型、批次、申報(bào)地區(qū)等非遺基礎(chǔ)信息，一般屬性包含傳承方式、流傳分布、題材、衍生、起源等30余項(xiàng)。

四、可視化設(shè)計(jì)

非遺可視化圖片制作主要通過(guò)Echarts、Highcharts腳本與PS進(jìn)行實(shí)現(xiàn)，通過(guò)引入Echarts.js和Highcharts.js腳本，將元數(shù)據(jù)庫(kù)中數(shù)據(jù)轉(zhuǎn)化為定量數(shù)據(jù)導(dǎo)入其中即可生成不同種類(lèi)的交互可視化圖片，感性數(shù)據(jù)通過(guò)PS進(jìn)行制作，得到可視化圖片，其中Echarts與Highcharts制作出的可視化圖片自帶交互形式，PS制作的可視化圖片需根據(jù)需求制作相應(yīng)交互，流程如圖1。

（一）基于時(shí)間的可視化

該圖為非遺類(lèi)型、數(shù)量、批次、熱點(diǎn)組成的多維時(shí)間關(guān)系圖。所需數(shù)據(jù)為元數(shù)據(jù)庫(kù)中核心屬性，批獲時(shí)間，類(lèi)型，級(jí)別和非核心屬性中的關(guān)注度。每個(gè)圓點(diǎn)代表一個(gè)非遺，琴弦縱軸代表關(guān)注度的高低，橫軸是時(shí)間軸，以國(guó)家級(jí)和自治區(qū)級(jí)批獲時(shí)間為順序，每個(gè)批次內(nèi)非遺以非遺產(chǎn)生時(shí)間為順序，然后散布在坐標(biāo)軸上，可以了解到各種類(lèi)非遺占比、所受關(guān)注程度以及各批次非遺之間的關(guān)系，如圖2。

（二）基于熱度的可視化

該類(lèi)型主要為非遺名錄熱度組成的可視化圖，主要形式為詞云圖或者氣泡圖等形式，主要用到元數(shù)據(jù)庫(kù)中各項(xiàng)非遺項(xiàng)目關(guān)注度，通過(guò)將關(guān)鍵詞搜索量轉(zhuǎn)化為熱度。如圖3將非遺項(xiàng)目詞條文字的大小，透明程度同關(guān)注指數(shù)相結(jié)合，形成熱度詞云圖，從圖可看出那達(dá)慕，晉劇，內(nèi)蒙古馬頭琴音樂(lè)等項(xiàng)目所受關(guān)注程度最高。

（三）基于地理位置的可視化

該類(lèi)型主要結(jié)合地圖展示非遺分布與熱度等信息。主要用到的數(shù)據(jù)有核心屬性中的申報(bào)地區(qū)，類(lèi)型，以及非核心屬性中的關(guān)注度。如圖，將非遺項(xiàng)目共計(jì)434項(xiàng)根據(jù)申報(bào)位置散布在內(nèi)蒙古地圖，圓的大小代表所受關(guān)注程度，可以看出各盟市非遺數(shù)量以及關(guān)注程度，同時(shí)地區(qū)所在的項(xiàng)目也可進(jìn)行分析，如圖4是內(nèi)蒙古傳統(tǒng)美術(shù)類(lèi)非遺36項(xiàng)。

（四）基于數(shù)量比例的可視化

該類(lèi)型用來(lái)展示非遺中與數(shù)量和數(shù)據(jù)貢獻(xiàn)有關(guān)的屬性。例如桑基圖，矩形圖，弧線(xiàn)圖等，如圖5是非遺種類(lèi)與傳承人數(shù)量與非遺種類(lèi)項(xiàng)目數(shù)的弧線(xiàn)圖。圖片共分為三段，上面部分文字是非遺的十個(gè)種類(lèi)，中間是非遺的數(shù)量和關(guān)注度（其中縱向舉例代表數(shù)量的大小，圓半徑代表關(guān)注度大?。?，下面是非遺傳承人詳情，相互之間用不同顏色的半圓弧線(xiàn)連接，可以清晰地看出其中的數(shù)量貢獻(xiàn)。

（五）詳解圖

詳解圖用來(lái)詳細(xì)解讀某個(gè)體項(xiàng)目，展示重點(diǎn)非遺項(xiàng)目或重點(diǎn)傳承人介紹，圖6是重點(diǎn)項(xiàng)目那達(dá)慕，所需數(shù)據(jù)是那達(dá)慕詳細(xì)解讀。圖6對(duì)于那達(dá)慕草原三項(xiàng)：摔跤、騎馬、射箭等規(guī)則詳、類(lèi)型等的詳細(xì)解讀，其中圓和路徑具有層級(jí)關(guān)系。

五、設(shè)計(jì)實(shí)踐

（一）技術(shù)路線(xiàn)

搭建內(nèi)蒙古非遺平臺(tái)需要前端用軟件Dreamweaver cc2019（簡(jiǎn)稱(chēng)DW）通過(guò)HTML語(yǔ)言進(jìn)行編輯，展示內(nèi)容主要有主類(lèi)型可視化圖、非遺內(nèi)容瀏覽，并實(shí)現(xiàn)網(wǎng)站交互，詳見(jiàn)圖7

（二）平臺(tái)設(shè)計(jì)

1.主要功能與內(nèi)容：展示內(nèi)容主要為五類(lèi)可視化圖片并作為主頁(yè)，每個(gè)頁(yè)面下面都有詳細(xì)的可視化使用介紹和相應(yīng)的使用方法，例如圖9作為網(wǎng)站的首頁(yè)，鼠標(biāo)經(jīng)過(guò)圖像時(shí)會(huì)產(chǎn)生圖像交互（顯示信息等），點(diǎn)擊即可進(jìn)入詳情頁(yè)面，可以快速定位瀏覽者需要的信息，查看非遺名錄。

并且為防止該種形式過(guò)于復(fù)雜，學(xué)習(xí)成本較高，想快速查找時(shí)可以點(diǎn)擊左上角按照批次、類(lèi)型、地區(qū)搜索，快速查找非遺名錄并查看詳情，詳細(xì)頁(yè)面如圖10。

2.信息架構(gòu)：首頁(yè)主要分為即非遺項(xiàng)目、傳承人、其他可視化展示以及菜單頁(yè)面四個(gè)部分，首頁(yè)為非遺項(xiàng)目總體可視化圖片。其中非遺項(xiàng)目、傳承人的可視化分別展示總體、熱度、類(lèi)型、地域等可視化圖片并可以進(jìn)入相應(yīng)的詳細(xì)介紹，其他部分展示其余類(lèi)型的可視化圖片以及非遺立體可視化，并且立體部分可以鼠標(biāo)三維旋轉(zhuǎn)，實(shí)現(xiàn)了可視化由平面向立體的轉(zhuǎn)化。

3.交互方式：網(wǎng)站交互方式依托于DW熱點(diǎn)區(qū)域、jQuery、Echarts與Highcharts等JavaScript函數(shù)庫(kù)自帶交互方式。DW自帶交互方式較為實(shí)用，如熱點(diǎn)區(qū)域可添加氣泡框信息并跳轉(zhuǎn)鏈接、鼠標(biāo)經(jīng)過(guò)圖像交互（如換圖片或遮罩等）;jQuery主要為隱藏/顯示、淡入/淡出、移動(dòng)方向、改變大小等網(wǎng)頁(yè)元素基礎(chǔ)交互;Echarts與Highcharts的交互方式相似且種類(lèi)豐富，如鼠標(biāo)經(jīng)過(guò)存儲(chǔ)數(shù)據(jù)的點(diǎn)區(qū)域彈出信息、數(shù)據(jù)點(diǎn)高亮顯示、同級(jí)別關(guān)系數(shù)據(jù)點(diǎn)會(huì)聚類(lèi)顯示、元素拖拽，等多種交互方式。

4.界面設(shè)計(jì)：網(wǎng)站采用頂部導(dǎo)航設(shè)計(jì)，目的性強(qiáng)，并對(duì)下層進(jìn)行遮罩，減少用戶(hù)尋找時(shí)間。網(wǎng)站整體風(fēng)格簡(jiǎn)約，采用無(wú)邊框設(shè)計(jì)，去掉裝飾性圖文邊框，提升圖片質(zhì)量和排版布局，從而提升視覺(jué)表現(xiàn)力。結(jié)語(yǔ)

十九大報(bào)告指出“文化興國(guó)運(yùn)興，文化強(qiáng)民族強(qiáng)，沒(méi)有高度的文化自信，沒(méi)有文化的繁榮新生，就沒(méi)有中華民族的偉大復(fù)興”。非物質(zhì)文化遺產(chǎn)凝聚了中華上下五千年來(lái)燦爛的文明，我們要尊重和保護(hù)所有的非遺文化，使我們的文化充滿(mǎn)生命力與創(chuàng)造力。俗話(huà)說(shuō)“如果不能很好地理解過(guò)去，就不能創(chuàng)造將來(lái)”。同樣非遺保護(hù)走可視化信息的道路不僅要理解過(guò)去，更需要為未來(lái)創(chuàng)造。

由于目前國(guó)內(nèi)相似的研究很少，也希望更多人加入到非遺可視化研究的行列，推動(dòng)我國(guó)非遺的發(fā)展，讓非遺通過(guò)可視化方式，增強(qiáng)傳播和保護(hù)，使文化遺產(chǎn)煥發(fā)出嶄新的生命力。.

參考文獻(xiàn)

[1]楊麗英.基于設(shè)計(jì)創(chuàng)新視角的非物質(zhì)文化遺產(chǎn)保護(hù)與傳承——以江蘇大學(xué)藝術(shù)設(shè)計(jì)教學(xué)為例[J]設(shè)計(jì)，2018（13）：98-100

[2]董杰，蘇格拉.內(nèi)蒙古自治區(qū)非物質(zhì)文化遺產(chǎn)保護(hù)工作現(xiàn)狀與展望[J]前沿，2015 （04）：132-135

[3]張文，崔晉.非遺數(shù)字化教學(xué)模式創(chuàng)新探討—— 以太平泥叫叫為例[J]設(shè)計(jì)，2016 （21）：92-93

[4]黃永林.數(shù)字化背景下非物質(zhì)文化遺產(chǎn)的保護(hù)與利用[J]文化遺產(chǎn)2015 （01）：1-10+157

[5]景東，蘇寶華.新媒體定義新論[J]新聞界，2008 （3）：57-59

[6]鄭冬曉.當(dāng)前電視媒體傳統(tǒng)文化熱播的經(jīng)驗(yàn)與思考[J]傳媒，2014 （21）：68-70

[7]劉勛.信息可視化的界面設(shè)計(jì)研究[D]廣東：汕頭大學(xué)，2011

[8]王雪乃，張強(qiáng).探究信息可視化的內(nèi)在規(guī)律[J]設(shè)計(jì)， 2016 （02）：122-123