內蒙古非遺信息可視化設計研究

李福欣 苗秀 劉玲玲

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

關鍵詞：內蒙古非遺 信息可視化 交互設計

中圖分類號：J52

文獻標識碼：A

文章編號：1003-0069 （2020） 08-0134-04

引言

近年來，媒體環境發生變化，新型傳播方式的流行，引發了信息傳遞方式的改變。信息傳遞從文字時代轉向讀圖時代，傳統媒體在對非遺的保護與傳播方面呈現出明顯劣勢。信息可視化在給予人們全新體驗的同時，使人更愉悅，更有參與感，讓觀者洞察更多信息。同時可以為非遺文化的傳承、傳播提供保障，可以讓非遺的傳承更具藝術性、交流性、教育性。

一、研究的背景非遺數字化保護現狀

（一）非物質文化遺產概述

非物質文化遺產（以下簡稱非遺），指被各群體、團體、有時為個人所視為其文化遺產的各種實踐、表演、表現形式、知識體系和技能及其有關的工具、實物、工藝品和文化場所[1]。它依托于人而存在，是以人為本的“活”態的文化遺產[2]，主要靠口傳心記，言傳身教而得以延續[3]，具有“活態流變”的特點。

（二）數字化保護進程

現代數字化技術與非遺保護的有機結合即是數字化保護，自20世紀90年代以來，就被用于文化遺產保護領域，近年來已成為我國文化建設工程的重要內容，目前該保護應用到非遺主要有以下幾個方面：

1.構建非遺元數據庫：現已建成非遺普查資源數據庫、非遺項目資源數據庫、非遺專題資源數據庫和非遺數字化保護管理系統，數據庫中的資源信息總量正在與日俱增[4]。例如內蒙古社會科學院組織實施完成的“內蒙古民族民間文化遺產數據庫”的建設[2]，資源巨大，講解頗多。

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

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

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

二、信息可視化

（一）信息可視化

信息可視化是一個跨學科領域，旨在研究大規模非數值型的信息資源通過利用圖形圖像方面的技術與方法呈現出視覺效果[7]，幫助人們高效地理解和分析數據。現有的信息技術雖然實現了海量信息的低成本高速傳播，但是對于高效查找、理解分析信息聯系仍然有極大的困擾。可視化能夠把晦澀難懂、紛繁復雜的信息內容通過視覺化的方法轉變為簡單易讀的信息圖形，極大提高獲取信息的效率。吲

（二）信息可視化在文化保護中的現狀

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

三、基于信息可視化的內蒙古非遺可行性探索

（一）可視化內容及方向梳理

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

為了深入挖掘可行的可視化方向和內容，對非遺和可視化領域專家進行深度訪談，總結出以下研究方向：

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

2.非遺熱度圖：描述非遺項目進行關鍵詞檢索，根據搜索結果得出搜索熱度，根據顏色、大小、方位等確定熱力值大小。

3.非遺關系圖：描述非遺各項目之間的關系，用不同節點之間的關系來代表非遺項目之間的關系，如衍生關系，連帶關系等。

4.非遺與地域：可視化圖譜中的經典模式，將非遺屬性與空間結合，在空間上描述非遺全局信息，通過地圖掌握非遺地理區位。

5.非遺傳承人關系圖：利用關系圖中節點與節點關系，描述傳承人之間的關系，關系線可以是無向的或是定向的，如師徒，父子，兄妹等關系。

6.重點非遺的詳情介紹圖：把單個非遺項目分解重構，將重點、熱點項目詳細解讀，運用有趣的形式或故事情節表現出來，提高數據可讀性。

（二）建立元數據庫

參照國際元數據庫的制定標準，如藝術品及數字圖像資源源數據庫CDWA，以及藝術民間文化數據庫VRA，確定內蒙古非遺源元數據庫屬性。將非遺元數據庫屬性確定為一般屬性及核心屬性。核心屬性包括名稱、類型、批次、申報地區等非遺基礎信息，一般屬性包含傳承方式、流傳分布、題材、衍生、起源等30余項。

四、可視化設計

非遺可視化圖片制作主要通過Echarts、Highcharts腳本與PS進行實現，通過引入Echarts.js和Highcharts.js腳本，將元數據庫中數據轉化為定量數據導入其中即可生成不同種類的交互可視化圖片，感性數據通過PS進行制作，得到可視化圖片，其中Echarts與Highcharts制作出的可視化圖片自帶交互形式，PS制作的可視化圖片需根據需求制作相應交互，流程如圖1。

（一）基于時間的可視化

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

（二）基于熱度的可視化

該類型主要為非遺名錄熱度組成的可視化圖，主要形式為詞云圖或者氣泡圖等形式，主要用到元數據庫中各項非遺項目關注度，通過將關鍵詞搜索量轉化為熱度。如圖3將非遺項目詞條文字的大小，透明程度同關注指數相結合，形成熱度詞云圖，從圖可看出那達慕，晉劇，內蒙古馬頭琴音樂等項目所受關注程度最高。

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

該類型主要結合地圖展示非遺分布與熱度等信息。主要用到的數據有核心屬性中的申報地區，類型，以及非核心屬性中的關注度。如圖，將非遺項目共計434項根據申報位置散布在內蒙古地圖，圓的大小代表所受關注程度，可以看出各盟市非遺數量以及關注程度，同時地區所在的項目也可進行分析，如圖4是內蒙古傳統美術類非遺36項。

（四）基于數量比例的可視化

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

（五）詳解圖

詳解圖用來詳細解讀某個體項目，展示重點非遺項目或重點傳承人介紹，圖6是重點項目那達慕，所需數據是那達慕詳細解讀。圖6對于那達慕草原三項：摔跤、騎馬、射箭等規則詳、類型等的詳細解讀，其中圓和路徑具有層級關系。

五、設計實踐

（一）技術路線

搭建內蒙古非遺平臺需要前端用軟件Dreamweaver cc2019（簡稱DW）通過HTML語言進行編輯，展示內容主要有主類型可視化圖、非遺內容瀏覽，并實現網站交互，詳見圖7

（二）平臺設計

1.主要功能與內容：展示內容主要為五類可視化圖片并作為主頁，每個頁面下面都有詳細的可視化使用介紹和相應的使用方法，例如圖9作為網站的首頁，鼠標經過圖像時會產生圖像交互（顯示信息等），點擊即可進入詳情頁面，可以快速定位瀏覽者需要的信息，查看非遺名錄。

并且為防止該種形式過于復雜，學習成本較高，想快速查找時可以點擊左上角按照批次、類型、地區搜索，快速查找非遺名錄并查看詳情，詳細頁面如圖10。

2.信息架構：首頁主要分為即非遺項目、傳承人、其他可視化展示以及菜單頁面四個部分，首頁為非遺項目總體可視化圖片。其中非遺項目、傳承人的可視化分別展示總體、熱度、類型、地域等可視化圖片并可以進入相應的詳細介紹，其他部分展示其余類型的可視化圖片以及非遺立體可視化，并且立體部分可以鼠標三維旋轉，實現了可視化由平面向立體的轉化。

3.交互方式：網站交互方式依托于DW熱點區域、jQuery、Echarts與Highcharts等JavaScript函數庫自帶交互方式。DW自帶交互方式較為實用，如熱點區域可添加氣泡框信息并跳轉鏈接、鼠標經過圖像交互（如換圖片或遮罩等）;jQuery主要為隱藏/顯示、淡入/淡出、移動方向、改變大小等網頁元素基礎交互;Echarts與Highcharts的交互方式相似且種類豐富，如鼠標經過存儲數據的點區域彈出信息、數據點高亮顯示、同級別關系數據點會聚類顯示、元素拖拽，等多種交互方式。

4.界面設計：網站采用頂部導航設計，目的性強，并對下層進行遮罩，減少用戶尋找時間。網站整體風格簡約，采用無邊框設計，去掉裝飾性圖文邊框，提升圖片質量和排版布局，從而提升視覺表現力。結語

十九大報告指出“文化興國運興，文化強民族強，沒有高度的文化自信，沒有文化的繁榮新生，就沒有中華民族的偉大復興”。非物質文化遺產凝聚了中華上下五千年來燦爛的文明，我們要尊重和保護所有的非遺文化，使我們的文化充滿生命力與創造力。俗話說“如果不能很好地理解過去，就不能創造將來”。同樣非遺保護走可視化信息的道路不僅要理解過去，更需要為未來創造。

由于目前國內相似的研究很少，也希望更多人加入到非遺可視化研究的行列，推動我國非遺的發展，讓非遺通過可視化方式，增強傳播和保護，使文化遺產煥發出嶄新的生命力。.

參考文獻

[1]楊麗英.基于設計創新視角的非物質文化遺產保護與傳承——以江蘇大學藝術設計教學為例[J]設計，2018（13）：98-100

[2]董杰，蘇格拉.內蒙古自治區非物質文化遺產保護工作現狀與展望[J]前沿，2015 （04）：132-135

[3]張文，崔晉.非遺數字化教學模式創新探討—— 以太平泥叫叫為例[J]設計，2016 （21）：92-93

[4]黃永林.數字化背景下非物質文化遺產的保護與利用[J]文化遺產2015 （01）：1-10+157

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

[6]鄭冬曉.當前電視媒體傳統文化熱播的經驗與思考[J]傳媒，2014 （21）：68-70

[7]劉勛.信息可視化的界面設計研究[D]廣東：汕頭大學，2011

[8]王雪乃，張強.探究信息可視化的內在規律[J]設計， 2016 （02）：122-123