第五代超文本標(biāo)記語(yǔ)言助力傳統(tǒng)“非遺”發(fā)展研究

張?jiān)? 徐邠

摘要：目的：文章旨在探索非物質(zhì)文化遺產(chǎn)以及其他傳統(tǒng)文化在新時(shí)代語(yǔ)境下的保護(hù)和傳承路徑。從數(shù)字化社會(huì)視角來(lái)看，第五代超文本標(biāo)記語(yǔ)言（HTML5）是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式。方法：文章比較分析傳統(tǒng)文化的各類傳播方式，發(fā)現(xiàn)HTML5對(duì)于非物質(zhì)文化遺產(chǎn)傳播具有傳播速度快、成本低、展示效果佳的優(yōu)勢(shì)；傳統(tǒng)文化可以其為載體，進(jìn)行更靈活的文化傳播，創(chuàng)生出一個(gè)可持續(xù)展現(xiàn)傳統(tǒng)文化再生魅力的平臺(tái)。同時(shí)，采用案例分析法，分析3個(gè)HTML5設(shè)計(jì)在傳統(tǒng)文化方面的運(yùn)用案例，得出非物質(zhì)文化遺產(chǎn)主題HTML5設(shè)計(jì)要遵循清晰性、適度性、傳播性的原則。結(jié)果：非物質(zhì)文化遺產(chǎn)以及其他傳統(tǒng)文化與HTML5設(shè)計(jì)相結(jié)合，不僅給傳統(tǒng)文化搭建了可持續(xù)發(fā)展的再生平臺(tái)，而且為HTML5設(shè)計(jì)提供了多元化的素材。結(jié)論：本研究表明HTML5設(shè)計(jì)能增益于當(dāng)代非物質(zhì)文化遺產(chǎn)與數(shù)字化話語(yǔ)體系建構(gòu)，以及數(shù)字文化傳播的方法論拓展，為非物質(zhì)文化遺產(chǎn)結(jié)合現(xiàn)代媒介進(jìn)行傳播再生提供新思路；亦能幫助設(shè)計(jì)師提煉傳統(tǒng)文化設(shè)計(jì)點(diǎn)，處理傳統(tǒng)文化與現(xiàn)代技術(shù)的關(guān)系，并且在傳統(tǒng)非物質(zhì)文化遺產(chǎn)與現(xiàn)代HTML5技術(shù)的結(jié)合中尋求合適的視覺(jué)風(fēng)格，為用戶呈現(xiàn)完整、畫面和諧的作品，使互動(dòng)形式與內(nèi)容相契合。

關(guān)鍵詞：“非遺”；H5設(shè)計(jì)；傳統(tǒng)文化；“非遺”數(shù)字化；文化傳播

中圖分類號(hào)：G127；TP393.0 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1004-9436（2023）21-0-03

0 引言

當(dāng)前，社會(huì)各界對(duì)非物質(zhì)文化遺產(chǎn)的保護(hù)意識(shí)逐漸增強(qiáng)，但對(duì)非物質(zhì)文化遺產(chǎn)的傳承和發(fā)展而言，其措施仍處于滯后的狀態(tài)。“非遺”是世界文化中不可缺少的部分，如何保護(hù)傳承發(fā)展“非遺”，是一個(gè)重要的命題。隨著信息傳播方式的不斷更迭演變，出現(xiàn)了第五代超文本標(biāo)記語(yǔ)言（以下簡(jiǎn)稱H5），作為新生的傳播形式，具有內(nèi)容短小有趣、交互方式獨(dú)特、展現(xiàn)方式多樣、傳播迅速?gòu)V泛的優(yōu)點(diǎn)。

本文旨在加深人們對(duì)“非遺”的了解，響應(yīng)國(guó)家保護(hù)與傳承“非遺”的號(hào)召，從而為傳統(tǒng)文化的可持續(xù)發(fā)展作出貢獻(xiàn)。H5作為一種新的傳播方式，為傳統(tǒng)“非遺”的傳播提供了更好的平臺(tái)。H5設(shè)計(jì)將傳統(tǒng)“非遺”和現(xiàn)代流行元素相結(jié)合，使“非遺”更具趣味性和創(chuàng)新性，從而提高受眾對(duì)“非遺”的興趣，以達(dá)到傳播“非遺”的目的，這也是本研究的現(xiàn)實(shí)意義。

1 H5設(shè)計(jì)對(duì)于“非遺”數(shù)字化的影響

1.1 H5的概念

H5是描述網(wǎng)頁(yè)文檔的第五代超文本標(biāo)記語(yǔ)言，是HTML5的簡(jiǎn)稱。HTML是指超文本標(biāo)記語(yǔ)言，是一種規(guī)范和標(biāo)準(zhǔn)［1］。“超文本”是指頁(yè)面所包含的圖片、鏈接，甚至音樂(lè)、程序等多種非文字元素，通過(guò)標(biāo)記符號(hào)顯示。H5是第五代HTML，它與前代HTML相比，有許多優(yōu)勢(shì)。一方面，H5設(shè)計(jì)作品不需要任何插件即可放置音樂(lè)、視頻等非文字元素，為互聯(lián)網(wǎng)傳播帶來(lái)了更多的便利。另一方面，H5設(shè)計(jì)作品具有很強(qiáng)的兼容性，不需要考慮用戶的機(jī)型和適配性問(wèn)題，可以兼容不同的平臺(tái)和設(shè)備，并且可以直接在網(wǎng)頁(yè)上調(diào)配，因此為開發(fā)者節(jié)省許多經(jīng)濟(jì)成本。

1.2 “非遺”數(shù)字化的概念和價(jià)值

“非遺”數(shù)字化，不同于以往對(duì)“非遺”所采取的如簡(jiǎn)單搜集錄音、實(shí)物拍照等方式的儲(chǔ)存，而是通過(guò)成熟的2D、3D數(shù)字技術(shù)，展現(xiàn)出既充滿真實(shí)感，又富有藝術(shù)性的“非遺”。

“非遺”的價(jià)值，分為史料價(jià)值、文化價(jià)值和科研價(jià)值。首先，“非遺”作為傳統(tǒng)文化中的重要部分，在經(jīng)歷了歷史的變遷和時(shí)代的更迭之后，仍然承載著民族傳統(tǒng)的生產(chǎn)生活，成為研究先民生存狀態(tài)的珍貴史料。其次，“非遺”具有豐富的文化內(nèi)涵。在歷史的長(zhǎng)河中，每一項(xiàng)民俗文化活動(dòng)、表演藝術(shù)等都有豐富的文化內(nèi)涵。最后，“非遺”不是憑空出現(xiàn)的，而是各種因素綜合作用形成的，對(duì)其進(jìn)行詳盡的科學(xué)研究，可以促使文化面向未來(lái)［2］。

1.3 H5數(shù)字技術(shù)對(duì)“非遺”數(shù)字化的作用

在“非遺”數(shù)字化的不同環(huán)節(jié)，比如“非遺”項(xiàng)目、傳承人等信息的挖掘與整理，都需要采取一定的數(shù)字手段加以完成。對(duì)于有市場(chǎng)潛力的“非遺”，需要應(yīng)用多種數(shù)字技術(shù)加以開發(fā)，在未來(lái)語(yǔ)境中創(chuàng)造更大的價(jià)值。而對(duì)于那些有社會(huì)價(jià)值和歷史意義但不具備明顯市場(chǎng)價(jià)值的“非遺”，也應(yīng)加以關(guān)注，并精心儲(chǔ)存與保護(hù)。在“非遺”的市場(chǎng)化推廣中，H5數(shù)字技術(shù)能使“非遺”“活”起來(lái)，為“非遺”傳播提供新思路。

2 運(yùn)用H5設(shè)計(jì)傳播傳統(tǒng)文化的相關(guān)研究及實(shí)踐

當(dāng)前，學(xué)界及業(yè)界對(duì)傳統(tǒng)文化主題H5設(shè)計(jì)的理論研究和實(shí)踐探索相對(duì)較少，具體情況如下：

從理論研究方面來(lái)看，學(xué)界對(duì)于傳統(tǒng)文化主題H5設(shè)計(jì)的研究較少，在少量已發(fā)表論文中，其研究成果對(duì)本課題的研究有一定的借鑒價(jià)值。楊洋和郭永志（2021）在《基于微信平臺(tái)H5的傳統(tǒng)文化主題設(shè)計(jì)與實(shí)踐》一文中提出，傳統(tǒng)文化主題設(shè)計(jì)與實(shí)踐需要借助新媒體平臺(tái)展示和廣泛傳播。只有在設(shè)計(jì)創(chuàng)新上給予用戶更完美的互動(dòng)體驗(yàn)，才能提升交互廣告的藝術(shù)價(jià)值，給用戶帶來(lái)新鮮感和滿足感［1］。張揚(yáng)（2017）在《基于“H5+微信”的科技期刊新媒體融合》中提出，新媒體融合H5催生了新的應(yīng)用生態(tài)圈，也給傳媒帶來(lái)新的變革，給信息傳播帶來(lái)新的模式。其他學(xué)者的研究也反映了H5作為新型傳播方式的存在合理性及必要性［2］。

從設(shè)計(jì)實(shí)踐方面來(lái)看，2018年抖音聯(lián)合七大博物館為推廣文物而推出的H5《第一屆文物戲精大會(huì)》，對(duì)博物館文物進(jìn)行“腦洞大開”的創(chuàng)意設(shè)計(jì)，將文物擬人化，采用現(xiàn)代化手法重新賦予文物生命，讓其不僅會(huì)說(shuō)話，還會(huì)唱歌跳舞。在2020年中讀和三聯(lián)生活周刊發(fā)布的H5《紅樓百景圖》中，采用第一人稱的視角，進(jìn)行特定情景反應(yīng)的選擇，生成用戶在《紅樓夢(mèng)》中對(duì)應(yīng)人物的性格，從而實(shí)現(xiàn)對(duì)《紅樓夢(mèng)》情節(jié)和人物性格的進(jìn)一步了解。手繪的H5作品，畫風(fēng)具有古典韻味，人物刻畫十分細(xì)致，其表情動(dòng)作符合人物性格。黛玉葬花、劉姥姥進(jìn)大觀園、晴雯撕扇等經(jīng)典情節(jié)的再現(xiàn)，讓用戶在測(cè)試的同時(shí)回顧了經(jīng)典名著，增強(qiáng)了用戶的參與感。

綜上所述，H5設(shè)計(jì)在傳統(tǒng)文化中的運(yùn)用還處于初期階段，有待深入研究和實(shí)踐。利用H5呈現(xiàn)“非遺”，首先可以通過(guò)傳統(tǒng)文化元素簡(jiǎn)約化的形式，將復(fù)雜的圖片、信息以簡(jiǎn)潔的標(biāo)志、動(dòng)畫、漫畫等形式加以表現(xiàn)，將具有代表性的色彩與形狀作為關(guān)聯(lián)手段，形成視覺(jué)引導(dǎo)力，引導(dǎo)用戶感受地區(qū)風(fēng)土人情和民俗文化，使H5設(shè)計(jì)具有教育和文化普及的作用［3］。其次利用H5呈現(xiàn)“非遺”應(yīng)具有多樣性，不但可以進(jìn)行簡(jiǎn)單的呈現(xiàn)，還可以小游戲、答題、測(cè)試以及視頻展示等形式推廣“非遺”。最后，H5具有很強(qiáng)的交互性，通過(guò)設(shè)置的菜單和導(dǎo)航等功能，使用戶在產(chǎn)品體驗(yàn)上有較強(qiáng)的沉浸感。

3 H5設(shè)計(jì)的案例分析

3.1 H5《第一屆文物戲精大會(huì)》分析

2018年抖音聯(lián)合七大博物館推出的視頻類H5《第一屆文物戲精大會(huì)》，為了宣傳博物館、推廣文物，以《博物館奇妙夜》為設(shè)計(jì)靈感來(lái)源，對(duì)博物館文物進(jìn)行“腦洞大開”的創(chuàng)意設(shè)計(jì)。近年來(lái)，針對(duì)傳統(tǒng)文化進(jìn)入公眾視野，特別是在年輕群體中的傳播，已經(jīng)進(jìn)行了許多嘗試。例如，2017年引起廣泛熱議的文博探索節(jié)目《國(guó)家寶藏》、2018年的紀(jì)錄片《如果國(guó)寶會(huì)說(shuō)話》等，在形式和內(nèi)容上都各有特點(diǎn)。那么，H5《第一屆文物戲精大會(huì)》是如何助推博物館文物“出圈”的呢？

《第一屆文物戲精大會(huì)》讓文物以一個(gè)個(gè)戲精的形象出現(xiàn)在觀眾眼前，使觀眾感覺(jué)到這些文物的鮮活生命，不僅會(huì)說(shuō)話，還會(huì)唱歌跳舞。比如，唐三彩胡人俑化身“popping dancer”跳起了拍灰舞，“rapper”兵馬俑為“中國(guó)icon”秦始皇“打call”，連人面紋方鼎都開始玩起了98k電眼。依靠數(shù)字技術(shù)和互聯(lián)網(wǎng)消弭文化傳播的時(shí)空阻隔，降低了人們獲取文化資源的門檻。從渠道來(lái)看，具有溝通的潛力。形式上，H5削弱了博物館和文化遺產(chǎn)的厚重感，為內(nèi)容創(chuàng)作者提供了充分的創(chuàng)作空間。

3.2 H5《紅樓百景圖》分析

2020年中讀和三聯(lián)生活周刊發(fā)布的H5作品《紅樓百景圖》，以激發(fā)用戶對(duì)傳統(tǒng)書籍的閱讀興趣，推廣三聯(lián)生活周刊為目的。這是一個(gè)測(cè)試類H5，整個(gè)作品以第一人稱為視角，用戶需要進(jìn)行特定情景反應(yīng)的選擇，然后系統(tǒng)會(huì)生成用戶在《紅樓夢(mèng)》中對(duì)應(yīng)的人物性格海報(bào)，從而促使用戶進(jìn)一步了解《紅樓夢(mèng)》的故事情節(jié)和人物性格。

H5《紅樓百景圖》是手繪而成的，畫風(fēng)具有古典韻味。黛玉葬花、劉姥姥進(jìn)大觀園、晴雯撕扇等經(jīng)典情節(jié)再現(xiàn)，讓用戶在測(cè)試的同時(shí)回顧了經(jīng)典名著。在用戶體驗(yàn)上，作品節(jié)奏較緩慢，增強(qiáng)了用戶的參與感。

3.3 H5《京腔京韻》分析

《京腔京韻》是以北京方言為主題的H5作品，京腔是指北京人說(shuō)話的腔調(diào)，京韻形容北京話的獨(dú)特韻味。

《京腔京韻》在畫面上，采用了扁平化的設(shè)計(jì)，用簡(jiǎn)潔的標(biāo)志和漫畫等形式表現(xiàn)出復(fù)雜的老北京建筑和人物，將人物和建筑等老北京傳統(tǒng)元素簡(jiǎn)約化。而且采用老北京典型的色彩紅色作為關(guān)聯(lián)手段，形成視覺(jué)引導(dǎo)力，引導(dǎo)用戶感受老北京的風(fēng)土人情和民俗文化。在技術(shù)上，采用了H5和語(yǔ)音識(shí)別等技術(shù)［6］。采取擂主爭(zhēng)霸賽的形式以及語(yǔ)音交互來(lái)吸引用戶參與，讓用戶更直觀地體驗(yàn)與互動(dòng)，感受北京方言的趣味性。

3.4 “非遺”主題H5設(shè)計(jì)特征

3.4.1 清晰性

在當(dāng)今信息爆炸的時(shí)代，用戶每天都通過(guò)不同的平臺(tái)接收到大量信息，信息的重復(fù)和冗長(zhǎng)的內(nèi)容容易讓用戶產(chǎn)生厭煩情緒。而H5具有快速傳播的特征，但是畫面存在局限性，設(shè)計(jì)師在進(jìn)行設(shè)計(jì)時(shí)，須把握好畫面的整體可利用范圍，以及在有限的空間內(nèi)展示源遠(yuǎn)流長(zhǎng)的“非遺”。比如，在傳統(tǒng)文化主題的H5《京腔京韻》中，人物和建筑都具有老北京特點(diǎn)，并且采用扁平化設(shè)計(jì)，使傳統(tǒng)文化元素簡(jiǎn)約化，這樣一來(lái)用戶更容易接收信息。突破傳統(tǒng)的設(shè)計(jì)風(fēng)格，化繁為簡(jiǎn)，能有效避免用戶在閱覽H5作品時(shí)因信息繁復(fù)而產(chǎn)生厭煩情緒。因此，設(shè)計(jì)師要做到信息傳達(dá)精簡(jiǎn)、頁(yè)面設(shè)計(jì)簡(jiǎn)約，并且交互方式易被用戶所接受，讓用戶快速感受到H5作品的趣味性。

3.4.2 適度性

設(shè)計(jì)師創(chuàng)作H5作品時(shí)，不免帶著個(gè)人的設(shè)計(jì)習(xí)慣。但是如果將個(gè)人風(fēng)格帶入傳統(tǒng)文化類H5設(shè)計(jì)中，則往往會(huì)格格不入。因?yàn)閭鹘y(tǒng)文化經(jīng)歷了歲月的更迭和歷史的變遷，早已形成不容易被改變的特定風(fēng)格。如果設(shè)計(jì)師的個(gè)人風(fēng)格過(guò)于夸張，那么，不僅與傳統(tǒng)文化本身的風(fēng)格相悖，而且可能讓用戶對(duì)傳統(tǒng)文化產(chǎn)生誤解，違背創(chuàng)作初衷。

在創(chuàng)作傳統(tǒng)文化類H5作品時(shí)，設(shè)計(jì)師應(yīng)弱化自身慣常的設(shè)計(jì)風(fēng)格，而更多地以傳統(tǒng)文化為依據(jù)。以中讀和三聯(lián)生活周刊發(fā)布的H5《紅樓百景圖》為例，由于其以《紅樓夢(mèng)》為基礎(chǔ)，所以畫面的場(chǎng)景、劇情以及音效等都充滿了古典韻味。即使這是一個(gè)測(cè)試類H5，也未出現(xiàn)不符合傳統(tǒng)文化風(fēng)格的音效及節(jié)奏，將《紅樓夢(mèng)》的故事情節(jié)及人物性格表現(xiàn)得恰如其分，以達(dá)到傳播傳統(tǒng)書籍的目的。

因此，創(chuàng)作傳統(tǒng)文化類H5作品時(shí)，為了避免不同的風(fēng)格發(fā)生碰撞，設(shè)計(jì)師應(yīng)掌握適度性原則，依據(jù)傳統(tǒng)文化創(chuàng)作，避免加入過(guò)多的個(gè)人風(fēng)格［3］，使傳統(tǒng)文化類H5作品更具文化特色，使用戶體會(huì)其“本味”。

3.4.3 傳播性

隨著科技的進(jìn)步和社會(huì)的發(fā)展，人們進(jìn)入了數(shù)字媒體時(shí)代。而H5作為媒體傳播的重要形式，傳播性是H5設(shè)計(jì)的基本屬性［7］。H5作品以網(wǎng)頁(yè)的形式在各大平臺(tái)傳播，用戶不必考慮機(jī)型和適配性因素，在網(wǎng)頁(yè)上就可以觀看，具有很強(qiáng)的傳播性。

在抖音聯(lián)合七大博物館推出的H5作品《第一屆文物戲精大會(huì)》中，設(shè)計(jì)師對(duì)文物的出場(chǎng)方式和性格特征進(jìn)行創(chuàng)意設(shè)計(jì)，使文物性格特色鮮明，作品具有很強(qiáng)的創(chuàng)意性，進(jìn)而促使用戶體驗(yàn)感受良好，很快便風(fēng)靡于微信等社交平臺(tái)。并且，在此H5作品的結(jié)尾處，有直接跳轉(zhuǎn)至七大博物館官方抖音賬號(hào)的鏈接。此H5通過(guò)對(duì)文物“腦洞大開”的創(chuàng)意設(shè)計(jì)，達(dá)到了宣傳七大博物館、加深人們對(duì)博物館文物的了解的目的。因此，傳播性是H5最基本的屬性。設(shè)計(jì)師創(chuàng)作H5作品時(shí)，要在其中體現(xiàn)這一屬性，以達(dá)到傳播傳統(tǒng)文化的目的［8］。

4 結(jié)語(yǔ)

本文將H5設(shè)計(jì)與“非遺”相結(jié)合，利用“非遺”的豐富文化底蘊(yùn)，將“非遺”運(yùn)用到H5設(shè)計(jì)中，為H5設(shè)計(jì)提供一種新的思路。研究H5設(shè)計(jì)與傳統(tǒng)文化傳播相結(jié)合的案例，通過(guò)對(duì)傳統(tǒng)文化主題H5作品的案例分析，掌握其設(shè)計(jì)特征。同時(shí)，通過(guò)對(duì)“非遺”在新語(yǔ)境下的把握，為“非遺”傳播提出建議。

參考文獻(xiàn)：

［1］ 王丹. H5技術(shù)支持下新聞產(chǎn)品的視覺(jué)傳播研究［D］.鄭州：鄭州大學(xué)，2018.

［2］ 黃平.“非遺”文化沙頭角魚燈舞的藝術(shù)價(jià)值與視覺(jué)傳播研究［D］.廣東：廣東工業(yè)大學(xué)，2012.

［3］ 杜楠.基于H5的中國(guó)傳統(tǒng)火鍋文化信息可視化設(shè)計(jì)研究［D］.北京：北京服裝學(xué)院，2019.

［4］ 楊洋，郭永志.基于微信平臺(tái)H5的傳統(tǒng)文化主題設(shè)計(jì)與實(shí)踐［J］.山東工藝美術(shù)學(xué)院學(xué)報(bào)，2021（3）：50-52.

［5］ 孫雅君. H5技術(shù)支持下“魅力威海”文化創(chuàng)意的設(shè)計(jì)與呈現(xiàn)研究［J］.通訊世界，2020（1）：277-278.

［6］ 李娜. H5作品《李不小所想所繪》設(shè)計(jì)研究［D］.北京：北京印刷學(xué)院，2019.

［7］ 張揚(yáng).基于“H5+微信”的科技期刊新媒體融合［J］.中國(guó)科技期刊研究，2017（10）：936-940.

［8］ 杜鑫.初探H5在非物質(zhì)文化遺產(chǎn)宣傳中的作用［J］.藝術(shù)科技，2018（6）：93.