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

顏斌 彭彭

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

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

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

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

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

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

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

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

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

1.讓“大”主題舉重若輕。主題宣傳報道是黨媒做好新聞輿論工作、踐行媒體職責使命的重要途徑。如何利用好融媒體報道形式，讓宏大的主題在呈現形式上變“輕巧”，是主流媒體做好此類(lèi)宣傳報道需要思考的問(wèn)題。

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

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

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

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

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

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

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

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

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

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

作者顏斌系湖南日報社黨組成員、副總編輯

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

參考文獻

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

[2]張力.創(chuàng )新可視化表達讓?xiě)鹨邎蟮馈捌票诔鋈Α盵J].新聞前哨，2023（02）.

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

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

【編輯：陳琦】