計育韜：黨政SVG創意設計思路，竟然藏在列寧同志的著作里？
各位融媒體崗位的讀者同志們的大家好，我是計育韜老師。近期受邀，就融媒體思政與移動交互設計開發進行了啟發性分享，特別對新聞「灌輸理論」的新實踐方法結合具體的爆款代碼架構案例進行了詮釋。以下是我結合 PPT 的授課筆記整理，希望對你的融媒體 SVG 創意設計構思有所幫助。
雖然大家對我的代碼和設計作品更廣泛知曉，但我本人出身復旦大學思想政治教育專業，學術經歷層面其實一直著力于融合新聞的哲學范式研究?！附换ピO計傳播」與「馬克思主義」的組合看似唐突，實則兩者之聯系高度密切。正如我在很多場合下說過一句話：
“思政，就是最體系化的廣告學?！?/strong>
一、思想方法
在從技術方法論層面切入 XML - SVG 代碼領域之前，我們應當在哲學方法論層面形成基本的知識儲備。所以我推薦的參考書目包括：
1.《共產黨宣言》馬克思&恩格斯
2.《哥達綱領批判》馬克思
3.《反杜林論》恩格斯
4.《怎么辦？》列寧
5.《列寧的灌輸理論及其當代價值》孫來斌
而「方法論」既然是關于「怎么辦」的說明，那么列寧同志的《怎么辦？（我們運動中的迫切問題）》就是本期專題計育韜老師展開論述的核心體系依據。
同時，《共產黨宣言》作為馬克思和恩格斯為共產主義者同盟起草的綱領，為新聞「灌輸理論」提供了宏觀理論框架；《哥達綱領批判》則有助于我們理解馬克思主義的科學性和革命性，并為「灌輸理論」提供了理論基礎和方法論支持；《反杜林論》則為研究「灌輸理論」提供著全面的邏輯框架。所以如果有額外的時間，還請廣大同志們再次溫習。
列寧同志《怎么辦？》一作的兩大主要思想，是「批判“批評自由”」和「反對“經濟主義”」。在客觀時代的前提下，所謂的“批評自由”是把社會民主黨變為主張改良的民主政黨的自由，甚至是把資產階級思想和資產階級因素灌輸到社會主義運動中來的自由；而“經濟主義”則盲目推崇自發性工人運動，最終使得工人運動仍然受到資產階級意識形態所支配。
在發展中批判，在批判下發展。時至今日，我們的互聯網思政工作目標已經發生了翻天覆地的變化，但根本性的批判還是要堅持在對帶有資本光環“普世價值”等錯誤思潮的批判上。2024年十大流行語前不久剛剛出爐，「班味」的負面化共識本質是勞動人民對抗資本剝削的詰問，「松弛感」的正面化共識本質是泛工人階級對資產階級話語權的置喙。可見當下的融媒體思政工作實際上正在有效扭轉近年來所謂「996」惡劣新經濟主義狂潮和自發性「內卷」的資產階級圈套。
但是，資本因素作用于個體產生的網絡戾氣總在發酵，個色品牌為主導消費支配地位而產生的病態價值觀輸出還在持續。那么黨政 SVG 創意設計的選題是不是應該跳出節慶祝福、工作報告的狹小范圍，進一步為群眾打通「松弛感」與「反班味」的統一戰線，從根本上牽制市場經濟中零零總總錯誤思潮，獲得讀者共鳴的同時贏得出圈的流量呢？
下面談談具體怎么辦。
二、代碼策略
黨政融合新聞發布應不應該做 SVG 交互？要不要用代碼的技術力量構建讀者與平臺之間的互動空間？計育韜老師認為列寧同志早就告訴我們了——在灌輸的過程中發揮群眾（用戶）的“主動性”，甚至鼓勵用戶參與“創作”一直就是馬克思主義新聞宣傳中堅定不移的方針策略，單向灌輸的融媒體形式顯然是落后的、敷衍的。
但具體怎么交互？用什么形式呈現？以何種技術渲染？《怎么辦？》給了我們三字指導——通俗化。
毫無疑問，“通俗化”是一個需要解構的詞匯。從 SVG 交互設計的具體開發鏈路來看，計育韜老師希望結合三個案例展開具體的論述。
1.柵格系統式 CSS 布局
第一個案例《雖遲但到！看這條公眾號，你一定會笑笑笑笑！》作為融媒體 SVG 交互設計的王者級案例，與一般水平政務 SVG 圖文排版的差異就在于明確的柵格系統式 CSS 布局方法。
基于同一個<overflow:scroll>標簽屬性，運營人通過 E2 編輯器的嫻熟操作布局出了多種「頂層滑動」的創意分層組合，設計品質可謂劍指華為、蘋果、大疆等一眾商業品牌。
而這就是代碼層面「通俗化」的一種具象體現——用重復的易于被理解的人機交互動作指令，引導連續的定勢操作感受如身邊通俗產品廣告般的創意設計。而主題上作品緊扣平凡的「笑」的概念，最終通俗化的表現形式與高級感的交互設計體驗竟完美融合。
2.擬態化的低學習成本 UX
第二個案例《我和香港的這些年》開屏表現為手機啟動頁，通過「點擊-播放GIF-伸長」的 SVG 組件能力，展開新的朋友圈式界面——顯然，無需任何具體的意符提示，絕大多數手機用戶都能順利自行完成解鎖和瀏覽朋友圈（點擊大圖、查看視頻等）的交互操作。
這種開發策略早在 H5 移動營銷時代，計育韜老師就將其定義為「擬態設計」。它將一般開發者需要的各類交互觸發提示隱藏，將所有的用戶操作學習成本前置到了用戶習以為常的 UX 體系內。
正因此，這種設計方法的交互效率極高，用戶反饋往往遠超其他創意形式的 SVG 作品，它的「通俗化」人機交互規則就是它的流量制勝法寶。我們還可以順勢總結如下合適的擬態化策略：1）微信聊天（群）2）電話界面 3）APP 桌面 4）音樂播放器 5）導航工具 等等……所以下回同志們定不下來 SVG 的交互開發模型時，“擬態設計”應當優先進入你的策劃范疇，其一表現的實現方法也可以參考閱讀《擬朋友圈式SVG交互設計》。
3.自動/半自動執行
第三個案例《親愛的復旦，119歲生日快樂！》是我校復旦大學 119 周年校慶的主題思政宣傳作品，是由<dashoffset>標簽軌跡動畫結合<opacity>透明度時間序列產生的「一條線」模式 SVG，其具體排版操作過程在此我不做詳述，有需要的同志自行閱讀《熱門SVG｜一條線動畫，串聯空間/時間/你我他》進行學習。
這里的開發重點在于「自動/半自動」<beign>賦值的特殊策略。雖然在上文計育韜老師強調了 SVG 用戶交互參與的重要性，但任何事物我們都要辯證地具體看待——對于受眾成分復雜的政務公眾號，讀者的交互意愿和交互能力是有其個體客觀差異性的。此前，我就曾開發過一類<beign="click;(n)s">的雙指令半自動 SVG 動畫交互設計，讓愿意開展互動的讀者感受到特效反饋，讓無法順利進行互動的讀者同樣不錯過精彩的后續內容。
這里的「通俗化」就體現在了對思想政治教育客體單位的通俗技術場景匹配。由此，SVG 從技術的本質特性，到技術的表現手法，再到技術的應用對象三個層次，做到了馬克思主義通俗化教育的實踐要求。
最后，計育韜老師想談談創意形式的學習。一方面，我們可以通過在政務體系內尋找合理的對標，精進自己融合新聞作品的綜合表現力。另一方面，當我們面對市場經濟中撲面而來的品牌價值攻勢時，正如 1938 年毛澤東同志在延安抗日軍政大學報告中給一位學員的題詞那樣“碰到釘子時，就向釘子學習，問題就解決了?！?/p>
無論是打開 isvg.com 還是 svg.show 等免費行業案例庫，你都能從海量的商業頂尖作品中找到讓群眾當下喜聞樂見的表現形式，為自己的思政工作所用。
回到計育韜老師在開篇提到的“思政，就是最體系化的廣告學?！蔽蚁Ｍ魏卧诼氂谌诿襟w工作崗位的同志不要浮于媒體工作形式的表面。如果你覺得自己的宣傳方法支離破碎，不妨回到書本中來，走進思想中去，馬克思主義哲學歷史的長河中，無數新聞宣傳武器歷久彌新，正悄然等待著你們裝填現代媒體信息技術的代碼彈藥。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）