淺析SVG交互圖文技術(shù)在融媒產(chǎn)品中的運(yùn)用

顏斌 彭彭

摘要：隨著移動(dòng)互聯(lián)網(wǎng)、大數(shù)據(jù)等技術(shù)不斷更新和媒體行業(yè)的快速發(fā)展，優(yōu)質(zhì)的融媒產(chǎn)品層出不窮。本文以湖南日?qǐng)?bào)社新媒體平臺(tái)新湖南客戶端重點(diǎn)推出的融媒產(chǎn)品《SVG展覽館|有聲有光還有電，“活”雷鋒來(lái)了》為例，從創(chuàng)作理念、創(chuàng)作思路、創(chuàng)作方法等方面，淺析SVG交互圖文在融媒產(chǎn)品創(chuàng)作中的運(yùn)用，以及對(duì)未來(lái)融媒產(chǎn)品創(chuàng)作的啟示和思考。

關(guān)鍵詞：SVG交互圖文 輕量化 雷鋒精神

1963年3月，毛澤東同志向全國(guó)人民發(fā)出“向雷鋒同志學(xué)習(xí)”的號(hào)召。2023年2月，習(xí)近平總書(shū)記做出重要指示，強(qiáng)調(diào)讓學(xué)雷鋒在人民群眾特別是青少年中蔚然成風(fēng)，讓學(xué)雷鋒活動(dòng)融入日常、化作經(jīng)常。半個(gè)多世紀(jì)的時(shí)光過(guò)去，雷鋒故事和雷鋒精神依然廣泛而深刻地影響著一代又一代國(guó)人。對(duì)于雷鋒這樣一個(gè)大家又熟悉又有些許“陌生”的全民榜樣，如何讓現(xiàn)在的年輕人主動(dòng)走近他、了解他、喜歡他、學(xué)習(xí)他？在當(dāng)今全媒格局下，如何把宏大題材的融媒產(chǎn)品做出彩？筆者認(rèn)為，求助于飛速發(fā)展的技術(shù)，不失為一種有效的方式。SVG交互技術(shù)就是十分適合未來(lái)傳播趨向于“輕”傳播的一種技術(shù)。近些年來(lái)，傳統(tǒng)媒體也在不斷地適應(yīng)和接納新技術(shù)，并在這一過(guò)程中與技術(shù)融合且互相促進(jìn)，推出了許多令人耳目一新的融媒產(chǎn)品。作為雷鋒家鄉(xiāng)的省級(jí)新媒體，新湖南客戶端2023年3月5日推出的重磅融媒產(chǎn)品《SVG展覽館|有聲有光還有電，“活”雷鋒來(lái)了》，就是利用SVG交互圖文讓產(chǎn)品更“年輕”、更“時(shí)尚”、更“輕量”，在新時(shí)代用新方式來(lái)講述“雷鋒故事”。產(chǎn)品發(fā)布后，全網(wǎng)點(diǎn)擊量達(dá)1.3億，產(chǎn)品吸引互動(dòng)參觀網(wǎng)友逾870萬(wàn)人次，登上百度熱搜榜，實(shí)現(xiàn)了較好的傳播效果。

一、SVG交互圖文的概念與特點(diǎn)

SVG即可縮放矢量圖形（Scalable Vector Graphics），是一種圖像文件格式。這種圖形具有矢量性、縮放無(wú)損、可壓縮性強(qiáng)、與現(xiàn)有技術(shù)可互動(dòng)融合等優(yōu)點(diǎn)。以SVG圖形為核心的SVG交互圖文，可以通過(guò)代碼直接編輯圖像和動(dòng)畫(huà)，還可用任何文字處理工具打開(kāi)SVG圖形。

與靜態(tài)圖文相比，SVG交互圖文增加了互動(dòng)性，能為受眾營(yíng)造出很強(qiáng)的交互式體驗(yàn)，呈現(xiàn)出年輕化、社交化等特點(diǎn)，同時(shí)帶來(lái)更多的趣味性，用戶打開(kāi)效率更高，也不需要額外的服務(wù)器費(fèi)用，傳播效果更為直接。相較于傳統(tǒng)的H5，SVG交互圖文所生成的可視化形式在互動(dòng)上更輕量、更省力，用戶可以通過(guò)主動(dòng)點(diǎn)擊、觸摸、滑動(dòng)等常見(jiàn)簡(jiǎn)易的交互操作，觸發(fā)一些精彩的動(dòng)態(tài)和互動(dòng)效果。而如果將SVG交互圖文與現(xiàn)階段較為流行的短視頻傳播相比，用戶在打開(kāi)SVG圖文交互頁(yè)面時(shí)，顯然也擁有了更多選擇，層次分明、內(nèi)容易回溯等特征使得用戶可以在線性和非線性兩種方式間切換自如。這使得它作為圖文傳播的一種高級(jí)形態(tài)，牢牢地在目前的移動(dòng)互聯(lián)網(wǎng)傳播內(nèi)容占據(jù)了一席之地。

SVG交互圖文的動(dòng)態(tài)可視化形式，相較于靜態(tài)可視化形式更具易感特質(zhì)，能夠進(jìn)一步降低信息傳播門(mén)檻。用戶鏈條越短，打開(kāi)效率越高，越能激起用戶的興趣和情感。SVG交互圖文作為一種既“短”且“輕”的圖文傳播方式，以極其友好且花樣繁多的打開(kāi)界面，迅速抓住用戶的眼球和關(guān)注點(diǎn)。

二、SVG交互圖文在產(chǎn)品中的作用

在融媒產(chǎn)品的制作中，SVG交互圖文的應(yīng)用往往能在產(chǎn)品的呈現(xiàn)效果中起到畫(huà)龍點(diǎn)睛的作用，不僅能突出產(chǎn)品的主題，還能豐富產(chǎn)品的形式。

1.讓“大”主題舉重若輕。主題宣傳報(bào)道是黨媒做好新聞?shì)浾摴ぷ?、踐行媒體職責(zé)使命的重要途徑。如何利用好融媒體報(bào)道形式，讓宏大的主題在呈現(xiàn)形式上變“輕巧”，是主流媒體做好此類宣傳報(bào)道需要思考的問(wèn)題。

2023年是毛澤東等老一輩革命家為雷鋒同志題詞60周年，《SVG展覽館|有聲有光還有電，“活”雷鋒來(lái)了》融媒產(chǎn)品抓住這一歷史報(bào)道契機(jī)，選擇以SVG交互圖文形式為核心，加上手繪漫畫(huà)和原聲呈現(xiàn)，為年輕用戶創(chuàng)造了一個(gè)雷鋒網(wǎng)上微型展覽館，讓更多年輕用戶重新了解、認(rèn)識(shí)這位湖南望城青年在苦難中積蓄人格力量、在自強(qiáng)中追尋人生價(jià)值、在奉獻(xiàn)中彰顯人性光輝的人生故事。

2023年全國(guó)兩會(huì)期間，新華社客戶端也發(fā)布了一組SVG交互產(chǎn)品《交互海報(bào)|你關(guān)心的這些事，總書(shū)記這么部署》，每一頁(yè)海報(bào)都是網(wǎng)友們關(guān)心的實(shí)體經(jīng)濟(jì)、鄉(xiāng)村振興、科技創(chuàng)新等相關(guān)主題下的話題，輕觸頁(yè)面上的“點(diǎn)擊看看總書(shū)記怎么說(shuō)”按鈕，便可動(dòng)效轉(zhuǎn)換為總書(shū)記對(duì)相關(guān)主題闡述的原話，擴(kuò)大了受眾的覆蓋面，增強(qiáng)了主題宣傳報(bào)道的公信力和感染力。

2.讓交互形式更靈動(dòng)?！禨VG展覽館|有聲有光還有電，“活”雷鋒來(lái)了》利用SVG交互圖文打造立體視覺(jué)差效果。點(diǎn)開(kāi)產(chǎn)品頁(yè)面，翻過(guò)一頁(yè)精煉簡(jiǎn)潔的前言，用戶便能看到產(chǎn)品的主體頁(yè)面——一個(gè)交錯(cuò)3D式懸浮在空中的微型雷鋒展覽館，所有文字和故事模塊都錯(cuò)落有致地懸浮在空中，酷炫靈動(dòng)，讓人眼前一亮。細(xì)細(xì)看來(lái)，懸浮在空中的5個(gè)篇章沒(méi)有生硬地劃分開(kāi)來(lái)，而是巧妙地用五種不同的底色區(qū)分，在視覺(jué)上既可以分開(kāi)，又可以融為一體。懸浮在空中的27個(gè)模塊，每個(gè)模塊都可以互動(dòng)：點(diǎn)擊文字模塊，便可以看到這句文字所屬的雷鋒日記原文或者作品完整版本；點(diǎn)擊圖片模塊，便可看到圖片相關(guān)的黑白手繪雷鋒故事漫畫(huà)。在雷鋒故事的講述方式上，產(chǎn)品使用“雷鋒黑白照片+手繪小人書(shū)”的畫(huà)面呈現(xiàn)方式，同樣是使用SVG交互圖文，將雷鋒黑白照片以模塊的形式呈現(xiàn)，將這些傳統(tǒng)的故事用一種潮流又復(fù)古的方式展現(xiàn)了出來(lái)，讓用戶被濃濃的時(shí)代氛圍感和親切感包圍。無(wú)論是雷鋒本人形象，還是日記原文的精選摘錄，都讓雷鋒形象得以直面用戶，富有直接且打動(dòng)人的力量。

2023年初，湖南日?qǐng)?bào)官方微信公眾號(hào)發(fā)布的《好辣啊啊啊??！》，也是SVG交互圖文產(chǎn)品，整個(gè)內(nèi)容緊扣湖南的“辣”，從“好辣”的設(shè)計(jì)文字開(kāi)頭，通過(guò)豐富、變化的文字和圖形組合不斷深入闡述“辣”的含義：“辣是湖南人骨子里的倔強(qiáng)”“辣是湖南人擼起袖子加油干”“辣是湖南人敢為天下先”……產(chǎn)品頁(yè)面通過(guò)在內(nèi)容上的不斷露出而不是一次性呈現(xiàn)，不斷遞進(jìn)寫(xiě)透了湖南的“辣”，牢牢抓住了用戶視線。

2023年兩會(huì)期間，由華聲在線推出的產(chǎn)品SVG海報(bào)《2023，我們一起“拼”！》，將“經(jīng)濟(jì)”“內(nèi)需”“創(chuàng)新”等核心詞匯的中文筆畫(huà)拆開(kāi)，當(dāng)用戶點(diǎn)擊頁(yè)面時(shí)這些被拆開(kāi)的筆畫(huà)便可自動(dòng)拼合成完整的詞語(yǔ)，并且同步顯示主題詞相關(guān)的內(nèi)容，相較于靜態(tài)海報(bào)更新穎有趣，更能吸引用戶的注意。

三、新技術(shù)推動(dòng)產(chǎn)品表達(dá)創(chuàng)新

《SVG展覽館|有聲有光還有電，“活”雷鋒來(lái)了》產(chǎn)品在新湖南客戶端首頁(yè)首屏重點(diǎn)位置首發(fā)，發(fā)布當(dāng)日即被人民日?qǐng)?bào)、學(xué)習(xí)強(qiáng)國(guó)、中國(guó)新聞網(wǎng)、解放軍報(bào)、中國(guó)青年報(bào)等主流媒體的新媒體平臺(tái)，以及騰訊新聞客戶端等商業(yè)媒體平臺(tái)轉(zhuǎn)載。該產(chǎn)品在湖南省內(nèi)也被湖南團(tuán)省委、省教育廳和各大高校等官方平臺(tái)轉(zhuǎn)發(fā)。得益于該產(chǎn)品的SVG交互圖文表現(xiàn)形式，用年輕且時(shí)尚的方式重新呈現(xiàn)了雷鋒故事，傳遞了雷鋒精神，產(chǎn)品不斷突破年輕人傳播圈層，在年輕用戶中獲得了熱烈反響。

在當(dāng)今全媒體傳播時(shí)代，重大主題報(bào)道不僅要做得有意義，還要有意思。擁抱新的技術(shù)手段，使用更加現(xiàn)代的呈現(xiàn)方式，是主流媒體做好主題報(bào)道不可忽視的重要環(huán)節(jié)?！禨VG展覽館|有聲有光還有電，“活”雷鋒來(lái)了》之所以在傳播效果上能夠破壁出圈、入腦入心，受到較高的專注度，與創(chuàng)新報(bào)道方式密不可分。

新聞可視化能充分體現(xiàn)主流媒體自身專業(yè)優(yōu)勢(shì)，同時(shí)賦予報(bào)道獨(dú)特性、靈活性、深入性，使其更加符合融媒體時(shí)代用戶接受信息的習(xí)慣，提高信息傳播效率，從而提升媒體的核心競(jìng)爭(zhēng)力。隨著傳播技術(shù)發(fā)展日新月異，新聞報(bào)道的方式也不斷進(jìn)化和更新。新技術(shù)不僅能被媒體直接運(yùn)用，還能反過(guò)來(lái)激發(fā)媒體在內(nèi)容創(chuàng)作、報(bào)道創(chuàng)意等方面誕生新靈感，開(kāi)發(fā)新思路。

但主流媒體應(yīng)該始終記得，內(nèi)容為王，所有的呈現(xiàn)形式都是為內(nèi)容服務(wù)，優(yōu)質(zhì)的內(nèi)容才是一切融媒產(chǎn)品的出發(fā)點(diǎn)和基底，切不可本末倒置。要讓新技術(shù)的更新迭代為媒體服務(wù)，為媒體所用，而不是囿于技術(shù)。因此，一味地強(qiáng)調(diào)吸引用戶的參與也是不可取的，如何在吸引用戶參與和保證新聞內(nèi)容得到有效的傳播，做到二者的平衡將是今后智能媒體時(shí)代的重要課題之一。這樣主流媒體才能憑借自身的智慧和優(yōu)勢(shì)，在新傳播技術(shù)的浪潮中對(duì)其物盡其用，站穩(wěn)腳跟。

作者顏斌系湖南日?qǐng)?bào)社黨組成員、副總編輯

彭彭系新湖南客戶端首頁(yè)主編

參考文獻(xiàn)

[1]雒悅.新技術(shù)賦能2022年兩會(huì)報(bào)道的經(jīng)驗(yàn)與啟示[J].中國(guó)記者，2022（04）.

[2]張力.創(chuàng)新可視化表達(dá)讓?xiě)?zhàn)疫報(bào)道“破壁出圈”[J].新聞前哨，2023（02）.

[3]楊豪.創(chuàng)意互動(dòng)類報(bào)道在全媒體報(bào)道中的作用——以作品《太有創(chuàng)意了吧！把福建穿在身上到底有多美？》為例[J].東南傳播，2021（04）.

[4]王慕彥.兩會(huì)報(bào)道中智能媒體的用戶參與階梯研究[J].全媒體探索，2022（10）.

【編輯：陳琦】