H5交互設(shè)計(jì)在錫繡文化傳播中的應(yīng)用探索

錫繡是江蘇無(wú)錫地區(qū)刺繡的簡(jiǎn)稱(chēng)，其代表繡種“精微繡”精致細(xì)膩，遠(yuǎn)看詩(shī)情畫(huà)意，近看神情畢現(xiàn)。然而，由于技藝復(fù)雜、學(xué)習(xí)長(zhǎng)久、市場(chǎng)需求等問(wèn)題，錫繡文化的傳播也面臨諸多挑戰(zhàn)。本文主要分析H5交互設(shè)計(jì)在文化傳播領(lǐng)域的應(yīng)用價(jià)值，分析錫繡文化傳播的現(xiàn)狀與不足，探索H5交互設(shè)計(jì)在錫繡文化傳播中的應(yīng)用方法，以期提高錫繡文化傳播效率。

一、H5交互設(shè)計(jì)概述

H5是超文本標(biāo)記語(yǔ)言（HyperText Markup Language 5， HTML5）的縮寫(xiě)。人們?nèi)粘＝佑|到的移動(dòng)端的動(dòng)態(tài)邀請(qǐng)函、動(dòng)態(tài)宣傳海報(bào)、小游戲等都是H5網(wǎng)頁(yè)。H5的本質(zhì)與電腦網(wǎng)頁(yè)上的動(dòng)態(tài)頁(yè)面在功能上并無(wú)根本區(qū)別，它們都是為了提升網(wǎng)頁(yè)的交互性和表現(xiàn)力。交互設(shè)計(jì)是H5的精髓所在，其核心價(jià)值在于構(gòu)建一個(gè)多維度的、雙向互動(dòng)的溝通橋梁，它將H5內(nèi)容與用戶緊密相連。正因?yàn)橛薪换サ拇嬖冢琀5并非只是存放信息的載體。H5交互設(shè)計(jì)融合了內(nèi)容呈現(xiàn)、交互機(jī)制及用戶情感體驗(yàn)三大要素，實(shí)現(xiàn)了三者之間的互動(dòng)增強(qiáng)。

二、H5交互設(shè)計(jì)在文化傳播領(lǐng)域中的應(yīng)用價(jià)值及案例

（一）H5交互設(shè)計(jì)在文化傳播中的應(yīng)用價(jià)值

1.增強(qiáng)文化傳播的吸引力和互動(dòng)性

H5交互設(shè)計(jì)作品往往通過(guò)多媒體呈現(xiàn)，這樣的呈現(xiàn)方式比單一的紙媒介文化傳播方式要更加生動(dòng)有趣，用戶在運(yùn)用多媒體觀看H5交互設(shè)計(jì)作品時(shí)，能夠充分調(diào)動(dòng)視覺(jué)、聽(tīng)覺(jué)及觸覺(jué)感受。同時(shí)，現(xiàn)在大多數(shù)的H5交互設(shè)計(jì)會(huì)增設(shè)置游戲交互環(huán)節(jié)，這能夠吸引用戶的閱讀興趣，降低關(guān)注成本，促使用戶深化對(duì)文化的了解。

2.降低文化傳播的成本和門(mén)檻

首先是制作成本的降低。H5交互設(shè)計(jì)的制作成本低，通過(guò)網(wǎng)頁(yè)就能制作完成，能夠方便快捷地進(jìn)行文化傳播。其次，H5交互設(shè)計(jì)降低了文化傳播的門(mén)檻，傳統(tǒng)的文化傳播需要依賴(lài)一定的媒介，H5交互設(shè)計(jì)可以在手機(jī)移動(dòng)設(shè)備上良好運(yùn)行，而手機(jī)作為傳播媒介使用，能夠更加快速地對(duì)文化進(jìn)行傳播。鑒于此，將H5交互設(shè)計(jì)應(yīng)用在文化傳播領(lǐng)域，有利于實(shí)現(xiàn)文化傳播范圍的更大化。

3.提高文化傳播的精準(zhǔn)度和效果

提高文化傳播的精準(zhǔn)度和效果是指在H5交互設(shè)計(jì)中，設(shè)計(jì)師可以充分利用數(shù)據(jù)分析技術(shù)與調(diào)研問(wèn)卷等收集用戶的互動(dòng)數(shù)據(jù)和行為信息，并對(duì)收集的信息加以分析，精準(zhǔn)捕捉用戶群體，增強(qiáng)文化傳播的針對(duì)性。同時(shí)，設(shè)計(jì)師可以設(shè)置反饋互動(dòng)環(huán)節(jié)，收集用戶的反饋意見(jiàn)，進(jìn)一步對(duì)H5交互設(shè)計(jì)進(jìn)行改良，及時(shí)有效地調(diào)整策略與方向，提高文化的傳播質(zhì)量和效率，進(jìn)一步降低文化傳播的隱含成本。

（二）《古籍自有答案》H5交互設(shè)計(jì)案例

《古籍自有答案》是映紛創(chuàng)意（INFINI ）與字節(jié)跳動(dòng)合作的公益宣傳H5交互設(shè)計(jì)作品，目的在于提升年輕人對(duì)古籍的閱讀興趣和保護(hù)意識(shí)，使年輕人可以在古籍中尋找慰藉，實(shí)現(xiàn)年輕人與古籍的雙向“治愈”。該H5交互設(shè)計(jì)以詩(shī)意盎然的開(kāi)篇引領(lǐng)用戶穿梭于千年文脈，通過(guò)古籍在線閱讀平臺(tái)的引導(dǎo)使珍貴的文化遺產(chǎn)再度散發(fā)光芒。用戶通過(guò)觀看詩(shī)情畫(huà)意的視覺(jué)界面和體驗(yàn)精心設(shè)計(jì)的交互方式，能夠感受到古籍?dāng)?shù)字化宣傳的文化魅力，這種設(shè)計(jì)極大地提升了傳統(tǒng)文化的傳播效果。

1.《古籍自有答案》H5交互設(shè)計(jì)中的視覺(jué)元素

《古籍自由答案》設(shè)計(jì)風(fēng)格與“古籍”主題相呼應(yīng)，該作品在主色調(diào)上運(yùn)用卡其與碧綠色，在內(nèi)容元素選取上采用中國(guó)山水，通過(guò)顏色與元素的巧妙結(jié)合展現(xiàn)中國(guó)古典美學(xué)的韻味。視頻中運(yùn)用的金黃色的復(fù)古文字與手繪山水圖案不僅豐富了藝術(shù)效果，還增強(qiáng)了視頻的可看性和趣味性，圖畫(huà)與文字相互呼應(yīng)，共同構(gòu)成了完整的視覺(jué)敘事體系?！豆偶杂纱鸢浮泛?bào)（見(jiàn)圖1）的設(shè)計(jì)師將山水背景與人生解惑的關(guān)鍵詞句相組合，更顯內(nèi)容的深度與情趣。

2.《古籍自有答案》H5交互設(shè)計(jì)中的交互點(diǎn)

《古籍自有答案》H5交互設(shè)計(jì)中的交互點(diǎn)主要有動(dòng)態(tài)翻閱、用戶選擇及非線性的閱讀三個(gè)部分。動(dòng)態(tài)翻閱交互點(diǎn)中，用戶可以翻書(shū)的右滑手勢(shì)輕觸屏幕，歷史名篇與典籍如畫(huà)卷般展開(kāi)，模擬了真實(shí)的翻書(shū)體驗(yàn)。用戶選擇交互點(diǎn)中，《古籍自有答案》H5作品會(huì)引導(dǎo)用戶選擇點(diǎn)擊自己最關(guān)心的問(wèn)題生成一張海報(bào)，生成的海報(bào)除展示答案外，還附有“再次體驗(yàn)”和“識(shí)典古籍”兩個(gè)交互按鈕以供用戶選擇后面的閱讀進(jìn)程，滿足了用戶個(gè)性化需求的同時(shí)，提高了用戶的參與度和滿意度。非線性的閱讀交互點(diǎn)中，用戶可以憑自己的意志選擇不同的方式進(jìn)行閱讀，提高了用戶的閱讀體驗(yàn)和閱讀趣味。

三、錫繡文化概述

（一）錫繡歷史發(fā)展

錫繡是無(wú)錫地區(qū)刺繡的簡(jiǎn)稱(chēng)。錫繡的代表繡種“精微繡”精致細(xì)膩，針腳非常短，與普通刺繡相比技術(shù)高、難度大，繡法用色也更加嚴(yán)謹(jǐn)。

錫繡的歷史可以追溯到宋元時(shí)期，此時(shí)錫繡作為刺繡藝術(shù)的一種，開(kāi)始萌芽并逐漸發(fā)展。明代中期特色初顯，獨(dú)樹(shù)一幟，無(wú)錫繡娘在此時(shí)期通過(guò)大量的探索和實(shí)踐，使得錫繡技藝逐漸成熟。清光緒年間，顧繡“畫(huà)繡結(jié)合”的技法對(duì)錫繡風(fēng)格的形成產(chǎn)生了深遠(yuǎn)影響。無(wú)錫“精微繡”于2008年作為蘇繡擴(kuò)展項(xiàng)目列入第二批國(guó)家級(jí)非物質(zhì)文化遺產(chǎn)名錄。錫繡藝人在傳承傳統(tǒng)技藝的同時(shí)，也在不斷創(chuàng)新。

（二）錫繡藝術(shù)特色

錫繡保留了吳地刺繡圖案秀美、繡工細(xì)膩、針腳靈活、整體典雅細(xì)膩的藝術(shù)特點(diǎn)。無(wú)錫多發(fā)展特色“精微繡”，雙面“精微繡”更講究繡面的立體感與層次感，對(duì)針?lè)?、繡紋等要求更加精細(xì)。錫繡針?lè)`活多變，有精、細(xì)、難的特點(diǎn)，根據(jù)刺繡點(diǎn)、線、面式針?lè)?，錫繡基礎(chǔ)針?lè)煞譃辄c(diǎn)式的打籽針、結(jié)子針、拉尾子，線式的滾針、切針、接針、盤(pán)金，面式的齊針、搶針、套針、亂針繡等。錫繡的制作需要手工藝者對(duì)挑選的畫(huà)稿進(jìn)行認(rèn)真精準(zhǔn)的分析與評(píng)判，根據(jù)表現(xiàn)物品的不同質(zhì)地和形象特點(diǎn)靈活運(yùn)用多種針?lè)?，?yán)格控制繡線的張力和色彩搭配。

（三）錫繡文化傳播中存在的問(wèn)題

1.線上傳播渠道少

針對(duì)于線上平臺(tái)來(lái)說(shuō)，錫繡文化主要通過(guò)電視新聞報(bào)道的形式進(jìn)行傳播，較少通過(guò)微信公眾號(hào)、微博、小紅書(shū)等進(jìn)行傳播。一些個(gè)體用戶可能因?yàn)榕d趣愛(ài)好在這些平臺(tái)上進(jìn)行了分享，但官方賬號(hào)等沒(méi)有利用這些平臺(tái)積極進(jìn)行文化傳播。

2.內(nèi)容表現(xiàn)形式單一

線上渠道發(fā)布的錫繡文化內(nèi)容以視頻記錄、雜志報(bào)道，以及活動(dòng)宣傳為主，更多是對(duì)錫繡文化的介紹，對(duì)傳承人及其錫繡故事的記錄以及相關(guān)活動(dòng)的宣傳介紹，傳播者缺少對(duì)H5等現(xiàn)代媒體技術(shù)的利用?？傮w來(lái)說(shuō)，錫繡文化的呈現(xiàn)方式以視頻、報(bào)道等單方的輸出為主，缺少宣傳物料和用戶之間的互動(dòng)交流。

3.地域特色不足

通過(guò)研究可知，無(wú)錫錫繡傳播內(nèi)容的地域特色不足，僅宣傳了江南水鄉(xiāng)共有的吳地刺繡風(fēng)格，缺少對(duì)無(wú)錫地域文化的挖掘。傳播者應(yīng)該在整合體現(xiàn)吳地錫繡風(fēng)格的同時(shí)展現(xiàn)無(wú)錫錫繡的地域特色，吸引年輕人的關(guān)注。

四、H5交互設(shè)計(jì)在錫繡文化傳播中的應(yīng)用思考

（一）充實(shí)傳播內(nèi)容，突顯地域特色

設(shè)計(jì)者需要深度挖掘錫繡文化的豐富內(nèi)涵與獨(dú)特的地域風(fēng)情，利用H5交互設(shè)計(jì)使傳播內(nèi)容更加飽滿且具有辨識(shí)度。

具體來(lái)說(shuō)，除呈現(xiàn)錫繡本身的繡紋藝術(shù)特色和繡法外，設(shè)計(jì)者還可以更深入地挖掘錫繡的發(fā)展歷史與相關(guān)人物故事等。在錫繡發(fā)展歷史的呈現(xiàn)上，設(shè)計(jì)師可以將H5頁(yè)面設(shè)計(jì)成一個(gè)時(shí)間軸，沿著歷史的河流，逐一呈現(xiàn)錫繡從萌芽到繁榮的各個(gè)階段。在錫繡人物故事的呈現(xiàn)上，設(shè)計(jì)師可以將H5頁(yè)面設(shè)計(jì)成故事化的形式，通過(guò)精美的插畫(huà)和細(xì)膩的文字描述或語(yǔ)音解讀，將錫繡相關(guān)的人物故事影響娓娓道來(lái)。在增強(qiáng)地域特色方面，設(shè)計(jì)師可以將無(wú)錫地域文化作為切入點(diǎn)，可在H5交互設(shè)計(jì)中融入無(wú)錫建筑、風(fēng)景等地域元素，營(yíng)造地域氛圍，還可以在H5交互設(shè)計(jì)作品中融入方言旁白、無(wú)錫評(píng)彈或民間小調(diào)等特色音樂(lè)元素。

（二）豐富傳播形式，增強(qiáng)互動(dòng)體驗(yàn)

錫繡文化在傳播過(guò)程中存在內(nèi)容表現(xiàn)形式單一的問(wèn)題，傳播者需要了解更多樣化的傳播形式。例如，可以利用H5的交互性和多媒體特性，創(chuàng)建虛擬的錫繡工作室或展覽場(chǎng)景，使得用戶可以身臨其境般地感受錫繡制作工藝。在增強(qiáng)互動(dòng)體驗(yàn)層面上，除傳統(tǒng)的點(diǎn)擊、滑動(dòng)、拖動(dòng)等交互手法外，還可以增設(shè)互動(dòng)游戲機(jī)制，通過(guò)游戲吸引用戶興趣，使用戶愿意主動(dòng)獲取相關(guān)信息。例如，可以創(chuàng)設(shè)“針?lè)ㄟB連看”游戲機(jī)制，使得用戶可以通過(guò)辨識(shí)針?lè)ú襟E，連接對(duì)應(yīng)的針?lè)Q(chēng)進(jìn)行游戲通關(guān)。又如“顏色填一填”游戲機(jī)制，使得用戶可以對(duì)所給出的經(jīng)典錫繡樣式加以填色，形成獨(dú)創(chuàng)的錫繡圖案并得以保存下載。值得注意的是，在設(shè)計(jì)構(gòu)思時(shí)，設(shè)計(jì)師應(yīng)巧妙地將錫繡藝術(shù)特色與無(wú)錫地域文化融入游戲與交互設(shè)計(jì)中，構(gòu)建富含故事性與場(chǎng)景化的情境。

（三）拓寬傳播渠道，擴(kuò)大傳播范圍

針對(duì)錫繡文化傳播存在的問(wèn)題，傳播者需要了解更多傳播渠道，以線上傳播渠道為例，要合理規(guī)整線上傳播渠道，可以設(shè)立錫繡官方賬號(hào)實(shí)現(xiàn)文化傳播。傳播者應(yīng)在了解用戶閱讀需求的基礎(chǔ)上，通過(guò)微信公眾號(hào)、小紅書(shū)、抖音等發(fā)布更具藝術(shù)特色的錫繡H5交互設(shè)計(jì)內(nèi)容。另外，傳播者可以積極使用數(shù)據(jù)分析技術(shù)、設(shè)置調(diào)研問(wèn)卷等，根據(jù)用戶行為、分享情況等精準(zhǔn)定位用戶需求，確保擴(kuò)大傳播范圍的同時(shí)增強(qiáng)傳播精準(zhǔn)性。

五、結(jié)語(yǔ)

H5交互設(shè)計(jì)的發(fā)展如火如荼，其創(chuàng)新性、交互性給用戶帶來(lái)了有別于其他傳播媒介的沉浸式體驗(yàn)。其方便快捷的使用和傳播方式及較低的傳播成本正是錫繡文化傳播所需要的。要想更好地發(fā)展錫繡文化，實(shí)現(xiàn)錫繡文化的活化運(yùn)用，首先就要讓文化走入大眾的視野。同時(shí)，如何利用H5交互設(shè)計(jì)更好地傳播錫繡文化，如何將錫繡文化生動(dòng)巧妙地配合H5交互設(shè)計(jì)呈現(xiàn)，是傳播者需要重點(diǎn)思考和實(shí)踐的所在。

（天津職業(yè)技術(shù)師范大學(xué)）

責(zé)任編輯 李知展