摘要：在數(shù)字時代的背景下，交互技術(shù)被應(yīng)用于各類數(shù)字媒體當(dāng)中。榮獲了中國新聞一等獎的連環(huán)畫《天渠》應(yīng)用了HTML5技術(shù)給讀者帶來了全新的閱讀體驗。文章分析H5交互技術(shù)在《天渠》中的運用，探討其優(yōu)勢與特征，從而思考如何運用H5交互技術(shù)帶來的沉浸式體驗講好中國故事，弘揚中國文化。

關(guān)鍵詞：互動設(shè)計;沉浸式體驗;新媒體技術(shù);傳統(tǒng)文化

中圖分類號：J218.4 文獻標(biāo)識碼：A 文章編號：1004-9436（2022）02-00-03

1 數(shù)字連環(huán)畫概述

1.1 新媒體時代的數(shù)字技術(shù)特點

新媒體時代這一概念最早由美國哥倫比亞廣播電視網(wǎng)技術(shù)研究所所長戈爾德馬克于1967年提出。新媒體時代即在報刊、廣播等傳統(tǒng)媒體盛行之后，數(shù)字化媒體占據(jù)主流地位的新時代。

新媒體時代的數(shù)字技術(shù)強調(diào)與用戶的互動。交互的形式有很多種，最常見的則是在手機等移動平臺瀏覽網(wǎng)頁，通過點觸或者滑動等操作來達到獲取信息的目的。比較先進的交互技術(shù)中最為人所知的是虛擬現(xiàn)實（VR）技術(shù)，通過輔助設(shè)備使用戶沉浸在特定的場景之中，根據(jù)自己的需求與虛擬環(huán)境中的事件進行互動。

同時，新媒體時代的數(shù)字技術(shù)能夠?qū)π畔⑦M行整合。以瀏覽網(wǎng)頁為例，很多網(wǎng)站都會在文章當(dāng)中標(biāo)記出專有名詞，并在用戶點擊該詞語時跳轉(zhuǎn)到該詞的釋義界面，用戶能更快、更便捷地了解詞義。很多網(wǎng)站在展現(xiàn)文字信息的同時也會添加播放音頻的選項，在用戶不便一直盯著電子設(shè)備時能夠用事先錄制的語音向用戶傳達信息。

1.2 數(shù)字連環(huán)畫的特點

新媒體時代，連環(huán)畫的傳播介質(zhì)發(fā)生了變化。數(shù)字連環(huán)畫不同于傳統(tǒng)的在紙質(zhì)媒介上印刷的連環(huán)畫，它能以數(shù)字化圖像的形式在各個網(wǎng)絡(luò)或其他數(shù)字平臺上進行傳播，這使連環(huán)畫更易于傳播。

數(shù)字連環(huán)畫必然也具備數(shù)字技術(shù)的最大特點——交互性強，主要體現(xiàn)在兩個方面。首先是讀者和連環(huán)畫之間的交互，不同于傳統(tǒng)的紙質(zhì)作品，讀者在閱讀數(shù)字連環(huán)畫時并非單一被動地接收信息。有些數(shù)字作品允許讀者主動去選擇劇情的走向，根據(jù)選擇的不同呈現(xiàn)的后續(xù)劇情也不相同。

其次是讀者和讀者之間的交互。在互聯(lián)網(wǎng)上閱讀連環(huán)畫，可以與其他讀者互相交流閱讀之后的感想，通過其他人的評論對連環(huán)畫的內(nèi)容主旨有深入的理解。不僅如此，彈幕文化的不斷發(fā)展更是為讀者提供了即時交流的平臺，讓連環(huán)畫的閱讀不再孤獨。

新媒體時代的數(shù)字連環(huán)畫是能夠跨文化傳播的作品?；ヂ?lián)網(wǎng)將世界連成一個整體，在網(wǎng)絡(luò)平臺上發(fā)布的作品能夠被來自不同地域的人看到，反之讀者也能看到來自不同國家同地區(qū)的作品。連環(huán)畫作品往往是通俗易懂的，這也使文化的輸入與輸出更加便捷，不同文化相互碰撞也能擦出不一樣的火花。

1.3 數(shù)字連環(huán)畫的呈現(xiàn)方式

傳統(tǒng)的連環(huán)畫常?？d于各大報紙上，因為要大量印刷出版的關(guān)系，多數(shù)為黑白連環(huán)畫，并且線條簡單，人物特征突出。數(shù)字連環(huán)畫在網(wǎng)絡(luò)平臺上發(fā)布，不受實體材料的限制，多數(shù)用數(shù)字繪畫的方式呈現(xiàn)。相比傳統(tǒng)連環(huán)畫，畫面色彩更加豐富，繪畫也更加細致。同時，利用多媒體技術(shù)可以融合音視頻，畫面能以動態(tài)的方式呈現(xiàn)，再融入音效，使讀者獲得更強的沉浸式體驗。

2 數(shù)字連環(huán)畫《天渠》互動設(shè)計研究

2.1 作品介紹

《天渠》原為刊發(fā)于2017年4月的新聞稿，講述了貴州省遵義市播州區(qū)平正仡佬族鄉(xiāng)村支書黃大發(fā)花費了36年的光陰，與村民一同修筑了一條長達萬米的天渠的故事，從此，村民們脫離了貧窮，擁有了更高的生活質(zhì)量?！短烨方Y(jié)合了H5交互技術(shù)，將該故事以漫畫的形式呈現(xiàn)在大眾面前。讀者在閱讀這一作品的同時，不僅能看見畫面中穿插的全景照片，而且能聽見山澗的水流聲等各種自然環(huán)境聲，有身臨其境之感。

不僅如此，每一張實景照片會附帶相關(guān)的介紹，用戶在閱讀故事的同時也能了解這條天渠的詳細介紹并欣賞沿途美景。

2.2 互動技術(shù)與傳統(tǒng)藝術(shù)的融合

作為我國傳統(tǒng)藝術(shù)之一的連環(huán)畫，其將造型藝術(shù)和文學(xué)藝術(shù)完美結(jié)合，具有圖文結(jié)合、漫畫角色形象生動活潑、情節(jié)可讀性較強的特點。連環(huán)畫集繪畫藝術(shù)、文學(xué)藝術(shù)于一體，?？d于報紙雜志，受到大眾的喜愛。

我國連環(huán)畫的題材常常選自傳統(tǒng)文化，如經(jīng)典文學(xué)著作、歷史典籍、哲學(xué)思想、民俗文化、革命歷史等，這些都是我國傳統(tǒng)文化的精髓。連環(huán)畫不能脫離傳統(tǒng)文化和民眾的日常生活而存在，它們在不同的時代背景下反映了當(dāng)時的民眾生活、思想潮流以及流行文化等。

互動設(shè)計即交互設(shè)計，交互設(shè)計即把用戶作為目標(biāo)，根據(jù)用戶的需求，使用戶和設(shè)計的產(chǎn)品之間產(chǎn)生良好的互動，從而提升用戶對該產(chǎn)品的使用體驗，在用戶與產(chǎn)品之間構(gòu)筑一座橋梁，滿足設(shè)計者與受眾的不同需求[1]。

如今交互技術(shù)的發(fā)展使連環(huán)畫上升到了一個新的維度。借由這些新的技術(shù)，越來越多的人能夠在公共網(wǎng)絡(luò)平臺接觸到優(yōu)秀的連環(huán)畫作品，不論是對連環(huán)畫的傳承還是傳統(tǒng)文化的傳播都有不同尋常的意義。

將互動設(shè)計與傳統(tǒng)藝術(shù)相結(jié)合，一方面有助于傳統(tǒng)文化的延續(xù)與傳播，另一方面可以誕生形式豐富、具有鮮明地域文化特點的作品，促進各國文化的傳播與交融。

2.3 H5交互技術(shù)在作品《天渠》中設(shè)計特點

2.3.1 H5交互技術(shù)簡述

HTML5簡稱H5，能夠在移動設(shè)備及多個平臺上生產(chǎn)并傳播多媒體內(nèi)容，融合了動畫、音頻、文字排版等多種視聽元素，在實現(xiàn)視聽結(jié)合的同時能夠讓用戶在碎片時間中快速瀏覽。其較強的交互性也使用戶能夠充分參與其中，獲得更好的沉浸式體驗[2]。

2.3.2 視聽結(jié)合

作品中的交互技術(shù)主要從視覺與聽覺兩個方面進行呈現(xiàn)。視覺上，《天渠》的漫畫呈現(xiàn)為下拉的閱讀方式（見圖1），讀者可以獲得較強的閱讀連貫性，每一頁之間幾乎達到了無縫銜接。不同于傳統(tǒng)的靜止不動的漫畫作品，畫面上的色彩和部分物體（如落石）會隨著讀者手指劃動的方向及速度產(chǎn)生變化，具有一定的動態(tài)效果。

《天渠》中加入了360°的全景照片，將真實的環(huán)境展現(xiàn)在讀者眼前。讀者在閱讀連環(huán)畫的過程中，通過劃動屏幕可以查看當(dāng)前畫面對應(yīng)的實地全景照片，照片中標(biāo)明了各個地點的名稱，讀者可以通過點擊地名進一步查看其他地點的照片，彌補了連環(huán)畫不夠?qū)憣嵉娜毕荨?/p>

聽覺上，《天渠》在介紹相關(guān)人物時并沒有運用文字，讀者可以點擊人物身邊的“喇叭”圖標(biāo)來獲取角色的語音介紹，從而避免了大量的文本影響讀者的閱讀體驗?？v觀整個故事，流水聲、落石聲、爆炸聲配合動態(tài)的畫面使讀者身臨其境，跟隨黃大發(fā)見證了天渠的誕生。

2.3.3 具有沖擊力和層次感的色彩

《天渠》中的色彩運用十分靈活，在不同的場景運用不同的色彩變化表現(xiàn)。從圖1不難看出，黑白速寫風(fēng)格的主人公和身后的一眾村民占據(jù)了畫面的中心位置，與背景形成強烈對比。白色的小路將整個畫面的中心串聯(lián)起來，身后的景物用了拼貼畫的形式，色彩上與主體部分不同，采用了漸變的深色，具有強烈的層次感。圖2為了表現(xiàn)黃大發(fā)修成天渠的決心，用了強烈的明暗對比，同時也暗示這是一條充滿困難與挑戰(zhàn)的道路[3]。

2.4 交互技術(shù)帶來的沉浸式體驗

如上文中分析的那樣，《天渠》運用了瀑布流網(wǎng)頁的形式實現(xiàn)了各個頁面之間的無縫銜接，瀑布流布局巧妙地利用了視覺元素間的落差感來引導(dǎo)視線的流動，能帶來一種輕松愉快的瀏覽體驗[4]。它的實現(xiàn)方法有多種，每種方法都有優(yōu)缺點，開發(fā)者可以綜合多種方法，達到性能和用戶體驗的最優(yōu)化。讀者在閱讀時能感受到很強的連貫性，不會因為頻繁地點擊“翻頁”等按鈕影響閱讀體驗。

不僅如此，利用背景音樂和音效使連環(huán)畫兼顧“視”與“聽”兩個方面，讓讀者感受到作品所要傳達的氛圍并沉浸其中。隨著滑動漸漸浮現(xiàn)出的畫面配合著背景音樂將故事的節(jié)奏控制在一個合理的范圍內(nèi)，給觀眾帶來了全新的視聽感受。

3 新時代數(shù)字作品的文化傳承和意義

3.1 新時代數(shù)字連環(huán)畫中的中國文化的體現(xiàn)方式

新時代的數(shù)字連環(huán)畫相較于傳統(tǒng)的連環(huán)畫傳播范圍更廣。新媒體時代不僅為連環(huán)畫開拓了一個新的平臺，更意味著連環(huán)畫能夠與世界接軌，所體現(xiàn)的中國文化應(yīng)當(dāng)是多元并且包容的。連環(huán)畫的創(chuàng)作不再拘泥于傳統(tǒng)的工筆畫、水墨畫等作畫方式。年輕的藝術(shù)創(chuàng)作者可以運用CG插畫等現(xiàn)代的數(shù)字繪畫手法表現(xiàn)中國的元素符號。新時代的連環(huán)畫應(yīng)當(dāng)是多樣性的，要融合現(xiàn)代的繪畫技術(shù)，從傳統(tǒng)的創(chuàng)作手法中吸取精華、舍棄糟粕，描繪更具有時代特征的中國文化。

中國文化更多以敘事的手法呈現(xiàn)在數(shù)字連環(huán)畫當(dāng)中。數(shù)字連環(huán)畫因為有了音頻和動態(tài)效果的加入，能夠使敘事的手法更加豐富。有聲讀物是利用數(shù)字新媒體技術(shù)將文字或者畫面轉(zhuǎn)化為音頻，從而幫助讀者進一步了解內(nèi)容。在數(shù)字連環(huán)畫的基礎(chǔ)上加入音頻，如傳統(tǒng)樂曲、戲曲配樂等，能以華麗的視聽效果渲染氛圍，幫助讀者深入理解故事情節(jié)。

3.2 運用新媒體技術(shù)講好中國故事

數(shù)字連環(huán)畫只是新媒體技術(shù)與藝術(shù)融合的方式之一。隨著數(shù)字化水平的提升，新媒技術(shù)體能夠融合數(shù)字、音頻、圖像等元素，為用戶帶來沉浸式體驗。在和作品本身進行互動的同時，用戶能夠?qū)ψ髌诽崞鸶嗟呐d趣，以數(shù)字化技術(shù)展現(xiàn)中國故事，是新媒體時代數(shù)字作品的優(yōu)勢之一。

習(xí)近平總書記在主持十九屆中央政治局第三十次集體學(xué)習(xí)時強調(diào)，講好中國故事，傳播好中國聲音，展示真實、立體、全面的中國，是加強我國國際傳播能力建設(shè)的重要任務(wù)。新媒體技術(shù)帶來的跨文化傳播的優(yōu)勢有利于中國文化的輸出。

2017年，百雀羚的一張約427厘米的連環(huán)畫廣告《時間殺手》刷遍了朋友圈。不同于一般的商業(yè)廣告，《時間殺手》以民國時期的上海為背景，用一張長圖展示了一位女殺手行走在街道上，想要刺殺名為“時間”的目標(biāo)人物（見圖3）。

《時間殺手》展示了20世紀(jì)20年代至30年代上海灘特有風(fēng)貌，圖文并茂地向讀者介紹了民國時期人們的衣食住行，從最早的西式餐廳，到當(dāng)時主流的服裝款式一應(yīng)俱全，若不閱讀到最后，很難猜出它其實是一則廣告?！稌r間殺手》利用了數(shù)字連環(huán)畫便于傳播的特點，通過展示中國某一時期的歷史及人文特色，吸引讀者的閱讀興趣，巧妙引入想要推廣的產(chǎn)品，不論是作為產(chǎn)品廣告還是民國文化的科普作品，它無疑都是成功的。

此外，2021年由鳳慶縣融媒體中心聯(lián)合市、縣黨史研究室推出的H5連環(huán)畫作品《護國之神趙又新》也是一部講述中國故事的佳作。不同于使用瀑布流長圖作為表現(xiàn)形式的《天渠》和《時間殺手》，《護國之神趙又新》由于篇幅較長，采用了翻頁瀏覽的形式。用線描的手法配以文字講述了革命先烈趙又新探尋救國之路，為革命而獻身的故事，一頁一圖，更加接近傳統(tǒng)連環(huán)畫的架構(gòu)。但運用了H5技術(shù)使讀者在閱讀時能夠在背景音樂的引導(dǎo)下沉浸到故事中，并能夠隨時查看其他讀者對這一故事的評論（見圖4）。

新媒體技術(shù)的加入使趙又新這一人（下轉(zhuǎn)第頁）（上接第頁）物再次走進了大眾的視野，逐漸淡出人們視野的革命故事以全新的姿態(tài)站在了新媒體平臺上，作為互聯(lián)網(wǎng)時代原住民的“90后”“00后”年輕人能夠不受閱讀媒介束縛，自由瀏覽這位革命先烈的光輝事跡。不只是《護國之神趙又新》，越來越多的革命、抗戰(zhàn)故事以數(shù)字連環(huán)畫、數(shù)字繪本的形式“復(fù)活”。

互聯(lián)網(wǎng)將世界連接在一起。在這個新的平臺上，越來越多的中國故事以數(shù)字化的形式配以種種有趣的交互手段被傳播出去，世界聽到了中國的聲音，中國傳統(tǒng)的文化與精神在新的時代里依舊閃耀著璀璨光芒。

4 結(jié)語

新媒體時代背景下，各類新的技術(shù)與傳統(tǒng)的中國藝術(shù)進行了融合，帶來了藝術(shù)創(chuàng)作的革新。以數(shù)字連環(huán)畫為例，在繼承傳統(tǒng)繪畫手法的基礎(chǔ)上融合了新的數(shù)字繪畫技術(shù)，畫面的色彩以及精細程度都有了很大的改善。加入了音頻以及動態(tài)交互效果使傳統(tǒng)連環(huán)畫上升到了更高的維度，不再停留在向用戶單向灌輸信息的階段，用戶在讀取信息的同時也能主動與作品互動，數(shù)字連環(huán)畫的沉浸式傳播使年輕人對傳統(tǒng)文化以及故事產(chǎn)生更大的興趣。

不僅僅是數(shù)字連環(huán)畫，新媒體時代的數(shù)字作品種類繁多，利用新媒體技術(shù)跨文化傳播的獨特優(yōu)勢，能夠讓中國人，讓世界聽到“中國故事”。各類新媒體平臺的崛起使國內(nèi)優(yōu)秀作品能夠更輕松地走進大眾的視野，能夠更好地走向世界舞臺，使中國的傳統(tǒng)文化深入人心。

參考文獻：

[1] 李佳璘.新媒體交互設(shè)計在現(xiàn)代展陳空間中的應(yīng)用[J].電子技術(shù)與軟件工程，2019（4）：253.

[2] 趙世聰.淺議H5技術(shù)在融合新聞中的應(yīng)用[J].現(xiàn)代視聽，2020（12）：70-72.

[3] 郭芳.跨媒介敘事語境下場景設(shè)置與人物再現(xiàn)：以澎湃H5新聞《天渠：遵義老村支書黃大發(fā)36年引水修渠記》為例[J].新聞?wù)搲?019（4）：49-52.

[4] 崔浩月.論H5新聞作品《天渠》的“沉浸式傳播”[J].今傳媒，2020，28（7）：25-27.

作者簡介：曹巖松（1999—），男，江蘇南京人，碩士在讀，研究方向：數(shù)字媒體藝術(shù)。