數(shù)字連環(huán)畫《天渠》中的沉浸式互動(dòng)設(shè)計(jì)研究

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2.1 作品介紹

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

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

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

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

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

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

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

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

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

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

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

2.3.2 視聽結(jié)合

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

《天渠》中加入了360°的全景照片，將真實(shí)的環(huán)境展現(xiàn)在讀者眼前。讀者在閱讀連環(huán)畫的過(guò)程中，通過(guò)劃動(dòng)屏幕可以查看當(dāng)前畫面對(duì)應(yīng)的實(shí)地全景照片，照片中標(biāo)明了各個(gè)地點(diǎn)的名稱，讀者可以通過(guò)點(diǎn)擊地名進(jìn)一步查看其他地點(diǎn)的照片，彌補(bǔ)了連環(huán)畫不夠?qū)憣?shí)的缺陷。

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

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

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

2.4 交互技術(shù)帶來(lái)的沉浸式體驗(yàn)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié)語(yǔ)

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

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

參考文獻(xiàn)：

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

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

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

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

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