第五代超文本標記語言助力傳統“非遺”發展研究

張月 徐邠

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

關鍵詞：“非遺”；H5設計；傳統文化；“非遺”數字化；文化傳播

中圖分類號：G127；TP393.0 文獻標識碼：A 文章編號：1004-9436（2023）21-0-03

0 引言

當前，社會各界對非物質文化遺產的保護意識逐漸增強，但對非物質文化遺產的傳承和發展而言，其措施仍處于滯后的狀態。“非遺”是世界文化中不可缺少的部分，如何保護傳承發展“非遺”，是一個重要的命題。隨著信息傳播方式的不斷更迭演變，出現了第五代超文本標記語言（以下簡稱H5），作為新生的傳播形式，具有內容短小有趣、交互方式獨特、展現方式多樣、傳播迅速廣泛的優點。

本文旨在加深人們對“非遺”的了解，響應國家保護與傳承“非遺”的號召，從而為傳統文化的可持續發展作出貢獻。H5作為一種新的傳播方式，為傳統“非遺”的傳播提供了更好的平臺。H5設計將傳統“非遺”和現代流行元素相結合，使“非遺”更具趣味性和創新性，從而提高受眾對“非遺”的興趣，以達到傳播“非遺”的目的，這也是本研究的現實意義。

1 H5設計對于“非遺”數字化的影響

1.1 H5的概念

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

1.2 “非遺”數字化的概念和價值

“非遺”數字化，不同于以往對“非遺”所采取的如簡單搜集錄音、實物拍照等方式的儲存，而是通過成熟的2D、3D數字技術，展現出既充滿真實感，又富有藝術性的“非遺”。

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

1.3 H5數字技術對“非遺”數字化的作用

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

2 運用H5設計傳播傳統文化的相關研究及實踐

當前，學界及業界對傳統文化主題H5設計的理論研究和實踐探索相對較少，具體情況如下：

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

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

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

3 H5設計的案例分析

3.1 H5《第一屆文物戲精大會》分析

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

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

3.2 H5《紅樓百景圖》分析

2020年中讀和三聯生活周刊發布的H5作品《紅樓百景圖》，以激發用戶對傳統書籍的閱讀興趣，推廣三聯生活周刊為目的。這是一個測試類H5，整個作品以第一人稱為視角，用戶需要進行特定情景反應的選擇，然后系統會生成用戶在《紅樓夢》中對應的人物性格海報，從而促使用戶進一步了解《紅樓夢》的故事情節和人物性格。

H5《紅樓百景圖》是手繪而成的，畫風具有古典韻味。黛玉葬花、劉姥姥進大觀園、晴雯撕扇等經典情節再現，讓用戶在測試的同時回顧了經典名著。在用戶體驗上，作品節奏較緩慢，增強了用戶的參與感。

3.3 H5《京腔京韻》分析

《京腔京韻》是以北京方言為主題的H5作品，京腔是指北京人說話的腔調，京韻形容北京話的獨特韻味。

《京腔京韻》在畫面上，采用了扁平化的設計，用簡潔的標志和漫畫等形式表現出復雜的老北京建筑和人物，將人物和建筑等老北京傳統元素簡約化。而且采用老北京典型的色彩紅色作為關聯手段，形成視覺引導力，引導用戶感受老北京的風土人情和民俗文化。在技術上，采用了H5和語音識別等技術［6］。采取擂主爭霸賽的形式以及語音交互來吸引用戶參與，讓用戶更直觀地體驗與互動，感受北京方言的趣味性。

3.4 “非遺”主題H5設計特征

3.4.1 清晰性

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

3.4.2 適度性

設計師創作H5作品時，不免帶著個人的設計習慣。但是如果將個人風格帶入傳統文化類H5設計中，則往往會格格不入。因為傳統文化經歷了歲月的更迭和歷史的變遷，早已形成不容易被改變的特定風格。如果設計師的個人風格過于夸張，那么，不僅與傳統文化本身的風格相悖，而且可能讓用戶對傳統文化產生誤解，違背創作初衷。

在創作傳統文化類H5作品時，設計師應弱化自身慣常的設計風格，而更多地以傳統文化為依據。以中讀和三聯生活周刊發布的H5《紅樓百景圖》為例，由于其以《紅樓夢》為基礎，所以畫面的場景、劇情以及音效等都充滿了古典韻味。即使這是一個測試類H5，也未出現不符合傳統文化風格的音效及節奏，將《紅樓夢》的故事情節及人物性格表現得恰如其分，以達到傳播傳統書籍的目的。

因此，創作傳統文化類H5作品時，為了避免不同的風格發生碰撞，設計師應掌握適度性原則，依據傳統文化創作，避免加入過多的個人風格［3］，使傳統文化類H5作品更具文化特色，使用戶體會其“本味”。

3.4.3 傳播性

隨著科技的進步和社會的發展，人們進入了數字媒體時代。而H5作為媒體傳播的重要形式，傳播性是H5設計的基本屬性［7］。H5作品以網頁的形式在各大平臺傳播，用戶不必考慮機型和適配性因素，在網頁上就可以觀看，具有很強的傳播性。

在抖音聯合七大博物館推出的H5作品《第一屆文物戲精大會》中，設計師對文物的出場方式和性格特征進行創意設計，使文物性格特色鮮明，作品具有很強的創意性，進而促使用戶體驗感受良好，很快便風靡于微信等社交平臺。并且，在此H5作品的結尾處，有直接跳轉至七大博物館官方抖音賬號的鏈接。此H5通過對文物“腦洞大開”的創意設計，達到了宣傳七大博物館、加深人們對博物館文物的了解的目的。因此，傳播性是H5最基本的屬性。設計師創作H5作品時，要在其中體現這一屬性，以達到傳播傳統文化的目的［8］。

4 結語

本文將H5設計與“非遺”相結合，利用“非遺”的豐富文化底蘊，將“非遺”運用到H5設計中，為H5設計提供一種新的思路。研究H5設計與傳統文化傳播相結合的案例，通過對傳統文化主題H5作品的案例分析，掌握其設計特征。同時，通過對“非遺”在新語境下的把握，為“非遺”傳播提出建議。

參考文獻：

［1］ 王丹. H5技術支持下新聞產品的視覺傳播研究［D］.鄭州：鄭州大學，2018.

［2］ 黃平.“非遺”文化沙頭角魚燈舞的藝術價值與視覺傳播研究［D］.廣東：廣東工業大學，2012.

［3］ 杜楠.基于H5的中國傳統火鍋文化信息可視化設計研究［D］.北京：北京服裝學院，2019.

［4］ 楊洋，郭永志.基于微信平臺H5的傳統文化主題設計與實踐［J］.山東工藝美術學院學報，2021（3）：50-52.

［5］ 孫雅君. H5技術支持下“魅力威海”文化創意的設計與呈現研究［J］.通訊世界，2020（1）：277-278.

［6］ 李娜. H5作品《李不小所想所繪》設計研究［D］.北京：北京印刷學院，2019.

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

［8］ 杜鑫.初探H5在非物質文化遺產宣傳中的作用［J］.藝術科技，2018（6）：93.