淺析SVG交互圖文技術在融媒產品中的運用

顏斌 彭彭

摘要：隨著移動互聯網、大數據等技術不斷更新和媒體行業的快速發展，優質的融媒產品層出不窮。本文以湖南日報社新媒體平臺新湖南客戶端重點推出的融媒產品《SVG展覽館|有聲有光還有電，“活”雷鋒來了》為例，從創作理念、創作思路、創作方法等方面，淺析SVG交互圖文在融媒產品創作中的運用，以及對未來融媒產品創作的啟示和思考。

關鍵詞：SVG交互圖文 輕量化 雷鋒精神

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

一、SVG交互圖文的概念與特點

SVG即可縮放矢量圖形（Scalable Vector Graphics），是一種圖像文件格式。這種圖形具有矢量性、縮放無損、可壓縮性強、與現有技術可互動融合等優點。以SVG圖形為核心的SVG交互圖文，可以通過代碼直接編輯圖像和動畫，還可用任何文字處理工具打開SVG圖形。

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

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

二、SVG交互圖文在產品中的作用

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

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

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

2023年全國兩會期間，新華社客戶端也發布了一組SVG交互產品《交互海報|你關心的這些事，總書記這么部署》，每一頁海報都是網友們關心的實體經濟、鄉村振興、科技創新等相關主題下的話題，輕觸頁面上的“點擊看看總書記怎么說”按鈕，便可動效轉換為總書記對相關主題闡述的原話，擴大了受眾的覆蓋面，增強了主題宣傳報道的公信力和感染力。

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

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

2023年兩會期間，由華聲在線推出的產品SVG海報《2023，我們一起“拼”！》，將“經濟”“內需”“創新”等核心詞匯的中文筆畫拆開，當用戶點擊頁面時這些被拆開的筆畫便可自動拼合成完整的詞語，并且同步顯示主題詞相關的內容，相較于靜態海報更新穎有趣，更能吸引用戶的注意。

三、新技術推動產品表達創新

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

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

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

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

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

彭彭系新湖南客戶端首頁主編

參考文獻

[1]雒悅.新技術賦能2022年兩會報道的經驗與啟示[J].中國記者，2022（04）.

[2]張力.創新可視化表達讓戰疫報道“破壁出圈”[J].新聞前哨，2023（02）.

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

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

【編輯：陳琦】