短視頻很好，圖文也不差
編者按：本文來(lái)自微信公眾號(hào) 慢放（ID：manfangsd），作者：挖掘姬，編輯：大涵，創(chuàng)業(yè)邦經(jīng)授權(quán)轉(zhuǎn)載
(資料圖片)
最近GQ實(shí)驗(yàn)室為資生堂推送的《紅了！》公眾號(hào)文章，斬獲3.6萬(wàn)點(diǎn)贊，1.5萬(wàn)在看。
隨后，百度也趕來(lái)蹭熱度，推了風(fēng)格類似的《無(wú)人紅了！》和《藍(lán)了！》。
點(diǎn)開(kāi)《紅了！》，頂級(jí)文案+頂級(jí)交互，想不紅都難。150句關(guān)于美的注釋，模擬打字機(jī)效果自動(dòng)伸長(zhǎng)，像畫(huà)卷一樣徐徐展開(kāi)。還有美妙的動(dòng)畫(huà)效果，當(dāng)寫(xiě)到美是朝陽(yáng)，接著就有一輪紅日冉冉升起。
毫無(wú)疑問(wèn)，能做出這種展示效果的圖文，全網(wǎng)獨(dú)公眾號(hào)一家。
然而，要問(wèn)到這種效果是怎么實(shí)現(xiàn)的，眾多網(wǎng)友卻說(shuō)不出個(gè)所以然。
公眾號(hào)已經(jīng)誕生十年了，依然還有很多人不知道SVG是什么。
在知乎，被大家關(guān)注最多的相關(guān)問(wèn)題是：
現(xiàn)在還有人看公眾號(hào)嗎？
SVG的故事從2012年8月上線到今天，公眾號(hào)已經(jīng)走了十年。十年巨變，公眾號(hào)從簡(jiǎn)樸的圖文，到過(guò)氣流量條漫，如今又靠著SVG小小的火了一把。
SVG是什么？它的全稱是Scalable Vector Graphics，翻譯過(guò)來(lái)也就是一種可升級(jí)矢量圖形，它的出現(xiàn)，比微信還早十幾年。
十幾年前，電腦那會(huì)兒還叫微機(jī)，上機(jī)房還得穿鞋套。那時(shí)的網(wǎng)上圖像畫(huà)質(zhì)也很渣，下載一張圖片巨慢無(wú)比。
普通的HTML格式不支持矢量圖，越來(lái)越不適合網(wǎng)友沖浪的速度了。而1988年W3C萬(wàn)維網(wǎng)聯(lián)盟發(fā)布的XML1.0，只解決了一些小bug，但沒(méi)治到病根上，矢量圖問(wèn)題沒(méi)有徹底解決。
于是互聯(lián)網(wǎng)出現(xiàn)幾年混戰(zhàn)，Adobe制定了PGML，微軟搞了VML，還有公司悶頭搞研究，弄些插件力挺矢量圖。
在此背景下，W3C牽頭成立SVG工作組，打算制定行業(yè)標(biāo)準(zhǔn)，從而“一統(tǒng)江湖”。
2000年8月，來(lái)回拉扯N遍的標(biāo)準(zhǔn)終于落地。SVG的S是指可擴(kuò)展，別小瞧這個(gè)功能，有了它，網(wǎng)上的圖不再局限在固定的分辨率和尺寸上。說(shuō)人話就是：同一張圖，在不同分辨率屏上，都能以相同大小出現(xiàn)。放大能看細(xì)節(jié)，縮小能看布局，靈活多變。
回到最初的起點(diǎn)，SVG起先是服務(wù)電子地圖的。有可擴(kuò)展這個(gè)屬性，地圖能大能小，還能漫游+導(dǎo)航，和普通地圖相比，可太酷了。
但SVG能火，還得是它的包容。SVG支持腳本語(yǔ)言，能動(dòng)態(tài)呈現(xiàn)，還能交互。
在代碼里，寫(xiě)一行〈animateM otion〉，可以讓圖像移動(dòng)。再來(lái)行〈animateFlipbook〉，圖像能來(lái)回橫跳，要是多寫(xiě)行〈animateT ransform〉，圖像能旋轉(zhuǎn)跳躍不停歇。
這哪是寫(xiě)代碼，簡(jiǎn)直是在寫(xiě)給圖像的情詩(shī)，而且還是獨(dú)一份的——這些俏皮功能jpg和gif可沒(méi)有。
拿SVG和公眾號(hào)組CP，那真是再適合不過(guò)了。和一代目純圖文比，會(huì)動(dòng)的SVG充滿嘞互聯(lián)網(wǎng)的高逼格氣質(zhì)。和前往紅H5比，SVG屬實(shí)是為懶人謀福利，不需要跳轉(zhuǎn)直接看內(nèi)容。
更為人稱道的，SVG圖質(zhì)量小，讓服務(wù)器有了喘氣摸魚(yú)的機(jī)會(huì)。只要做成高清格式，不管在什么屏幕看，畫(huà)質(zhì)都一頂一出挑。
SVG用在公眾號(hào)運(yùn)營(yíng)上，也不是什么新鮮事。
2020年3月，微信深色模式千呼萬(wàn)喚終于上線。而微信派的推文，就是SVG。用新技術(shù)官宣新功能，一眾網(wǎng)友被狠狠驚艷，有人評(píng)論：好酷炫，官方就是不一樣。
幾個(gè)月后，Apple的ipad Pro和iPhone SE上新，推文也用了SVG。用戶跟隨提示點(diǎn)擊照片，新品像動(dòng)畫(huà)一樣彈出來(lái)，科技公司的排面有了。
初始階段公眾號(hào)的SVG交互比較基礎(chǔ)，只有簡(jiǎn)單的功能。要說(shuō)卷，誰(shuí)能卷得過(guò)新媒體運(yùn)營(yíng)，一天一個(gè)新花樣，快把推文雕琢成藝術(shù)品。不止拼技術(shù)，還要講創(chuàng)意和情懷。
武漢解封前夜，人民日?qǐng)?bào)推送《今天，發(fā)條微信一起點(diǎn)亮武漢》。用戶點(diǎn)擊灰色照片，黃鶴樓、楚河漢街等9座武漢地標(biāo)，慢慢變成彩色。華麗璀璨的武漢，好久不見(jiàn)。這條推送瞬間燃爆互聯(lián)網(wǎng)，閱讀量超2100萬(wàn)，在看近100萬(wàn)，留言超10萬(wàn)條。
這篇文章榮獲第三十一屆中國(guó)新聞獎(jiǎng)二等獎(jiǎng)，評(píng)委一致認(rèn)為，把SVG技術(shù)和微信內(nèi)容結(jié)合，實(shí)現(xiàn)了技術(shù)創(chuàng)新、內(nèi)容傳播和受眾參與的高度統(tǒng)一，是在重大主題報(bào)道中，通過(guò)創(chuàng)新技術(shù)應(yīng)用催生良好傳播效果的成功案例。
今年5月，北大推送的特飲系列，把未名湖、北大美食、燕園美景，用答題卡模型串聯(lián)起來(lái)。這不僅是拼創(chuàng)意非凡腦力，還得拼寫(xiě)代碼的體力。
還有更離譜的。2020年5月，寶馬中國(guó)推送《說(shuō)出來(lái)你可能不信》。用SVG打造一座寶馬博物館，用戶隨機(jī)選三款車型，會(huì)彈出藏品介紹。
一個(gè)月后GUCCI推送《就想“裝”可愛(ài)》，同樣是隨機(jī)選三個(gè)選項(xiàng)，彈出三款包。但是被JZCreative團(tuán)隊(duì)發(fā)現(xiàn)，這是運(yùn)營(yíng)用秀米和新媒體管家兩款編輯器復(fù)制導(dǎo)入的代碼實(shí)現(xiàn)的。
2021年8月，交互新媒體創(chuàng)作者聯(lián)合發(fā)表行業(yè)道德宣言。批判剽竊、抄襲、盜用等行業(yè)亂象。但感覺(jué)收效甚微，公眾號(hào)資深玩家GQ實(shí)驗(yàn)室，被戲稱為SVG老師?！疤依顫M天下”，跟在后面抄襲的人，一籮筐裝不完。
當(dāng)下，新媒體行業(yè)想用SVG技術(shù)的人多，能想出絕妙SVG創(chuàng)意的人卻很少。一個(gè)熱點(diǎn)紅了，等著抄就可以了，何苦再去費(fèi)力想創(chuàng)意呢。
但圈里還是有真神存在的，他們用日益稀疏的秀發(fā)，換來(lái)一篇又一篇爆款。
不難發(fā)現(xiàn)，GQ實(shí)驗(yàn)室SVG推文中，最后一欄技術(shù)支持里，總有“交互實(shí)驗(yàn)室&E2.COOL”的名字。
GQ這種超級(jí)大客戶，他們的需求大多由交互實(shí)驗(yàn)室主理人小楊親自操刀?！都t了！》之前，小楊出圈的是《第一個(gè)，楊洋》系列。
這篇推送是GQ五月刊封面，用大型3D視差（Z+Y 軸），打造虛擬展覽館。
E2.COOL是一款SVG圖文編輯器，2016年JZ Creative團(tuán)隊(duì)與微信團(tuán)隊(duì)合作，確定圖文范疇內(nèi)SVG AttributeName白名單規(guī)范，被稱為黑科技排版，也就是現(xiàn)在的E2.COOL。
這個(gè)團(tuán)隊(duì)背后大佬是計(jì)育韜，至于為何執(zhí)著做SVG交互，大佬有個(gè)很詩(shī)意的價(jià)值觀：新媒體從業(yè)者，是美學(xué)信息的信使。運(yùn)營(yíng)要做美的推文，E2就給運(yùn)營(yíng)提供做美文的工具。
SVG圈另一個(gè)大佬是國(guó)梁。他大學(xué)時(shí)負(fù)責(zé)學(xué)校公眾號(hào)編輯排版，靠百度和知乎，自學(xué)SVG技術(shù)，從入門(mén)到精通。
多年前還在上大學(xué)的國(guó)梁創(chuàng)作了一根頭發(fā)絲SVG，推文里有一根頭發(fā)，寬度只有0.35146mm，戳中它觸發(fā)動(dòng)畫(huà)的概率只有0.3%。連國(guó)梁自己都點(diǎn)了106次才完成挑戰(zhàn)，看到發(fā)絲緩慢變成一顆心。
國(guó)梁這個(gè)創(chuàng)意被杜蕾斯看中，就有了《掉根頭發(fā)都是愛(ài)你的形狀》。
后來(lái)國(guó)梁成立意符創(chuàng)意，服務(wù)幾百家客戶，創(chuàng)作幾千篇圖文。
比如美團(tuán)出BUG了，模擬了windows彈窗；騰訊長(zhǎng)鵝的中秋快樂(lè)，把企鵝做成了手風(fēng)琴演奏《明月幾時(shí)有》；小鵬汽車交付一周年，伸縮式數(shù)據(jù)總結(jié)；都是他們的作品。
公眾號(hào)將死？近幾年，公眾號(hào)進(jìn)入死亡倒計(jì)時(shí)的討論不斷。數(shù)據(jù)的下滑、打開(kāi)率持續(xù)走低，都是鐵一般的事實(shí)。
根據(jù)新榜的統(tǒng)計(jì)，20年公眾號(hào)在看數(shù)10萬(wàn)+文章有283篇，21年只有46篇。根據(jù)饅頭商學(xué)院的數(shù)據(jù)，2020年公眾號(hào)打開(kāi)率只有1.8%，2017年這個(gè)數(shù)據(jù)還在5%。而今年，有數(shù)據(jù)說(shuō)公眾號(hào)平均打開(kāi)率不到1%。5月公眾號(hào)500強(qiáng)賬號(hào)總閱讀數(shù)下降9.4%，總在看數(shù)下降5.4%。
去年11月公眾號(hào)大改版，展示區(qū)折疊部分推文內(nèi)容，同時(shí)增加系統(tǒng)推薦內(nèi)容。公眾號(hào)終于還是走到了算法這一步。
與此同時(shí)，各大賬號(hào)在推文底部加卡片，引導(dǎo)用戶星標(biāo)、分享、在看三連，仿佛少了哪個(gè)，賬號(hào)死亡的鐘聲就要敲響。
公眾號(hào)，危。
與之形成對(duì)比的，是公眾號(hào)的弟弟視頻號(hào)流量飛漲。21年視頻號(hào)日活超5億，同比增長(zhǎng)79%。人均使用時(shí)長(zhǎng)超35分鐘，同比增長(zhǎng)84%。今年5月，視頻號(hào)500強(qiáng)賬號(hào)總點(diǎn)贊數(shù)上升28%。
前有短視頻流量王者抖音，后有短視頻新秀視頻號(hào)。如今還有誰(shuí)倔強(qiáng)地只做圖文不做視頻，就會(huì)被按上古典自媒體的名頭。
畢竟連微信自己都在重倉(cāng)視頻號(hào)，公眾號(hào)仿佛成了棄子。周杰倫、西城男孩、后街男孩的視頻號(hào)演唱會(huì)刷爆了朋友圈，熱鬧非凡。
騰訊在Q2財(cái)報(bào)也對(duì)視頻號(hào)開(kāi)啟夸夸模式。稱其用戶爆發(fā)式增長(zhǎng)、播放量大漲200%、日活創(chuàng)作者漲了100%。對(duì)視頻號(hào)那可是寄予厚望，妥妥的下一個(gè)現(xiàn)金牛。
但視頻號(hào)并不是要把公眾號(hào)殺死，是想和公眾號(hào)組成一個(gè)關(guān)于內(nèi)容的圓。按照張小龍的愿景：公眾號(hào)是內(nèi)容的圖文載體，除了圖文，內(nèi)容還有沒(méi)被呈現(xiàn)出來(lái)的樣子，視頻號(hào)正好能補(bǔ)上公眾號(hào)的缺。
▲2012年8月17號(hào)22點(diǎn)52分，公眾號(hào)開(kāi)放注冊(cè)的內(nèi)部郵件發(fā)出。同年8月23號(hào)，公眾號(hào)正式上線。
短視頻很好，圖文也不差。文字的感染力，是短視頻千篇一律的BGM不曾有的。
喧囂的互聯(lián)網(wǎng)世界里，我們需要一處安靜之所，閱讀有趣的圖文。能成為SVG畫(huà)板的公眾號(hào)，無(wú)疑是最好的平臺(tái)之一。
公眾號(hào)從業(yè)者中有65.7%出生在鄉(xiāng)鎮(zhèn)，是標(biāo)準(zhǔn)的小鎮(zhèn)青年，但卻有接近8成留在了城市工作，成了出入高端寫(xiě)字樓的“白領(lǐng)”。還有31.7%的公眾號(hào)從業(yè)者，表示愿意一輩子只干這一行。
公眾號(hào)培養(yǎng)了一批愿意閱讀、對(duì)文字有敬畏感的行業(yè)從業(yè)者和讀者，也給許多人的職場(chǎng)生涯提供了新的選項(xiàng)。
如果說(shuō)微信是騰訊在移動(dòng)互聯(lián)網(wǎng)時(shí)代的船票，那公眾號(hào)也可以算是一些人改變一生命運(yùn)的船票。
大家都有著美好的未來(lái)。END
參考資料：
肖昕.SVG的發(fā)展與應(yīng)用[J].計(jì)算機(jī)系統(tǒng)應(yīng)用,2005(11):34-37.
王仲,董欣,陳曉鷗.SVG——
一種支持可縮放矢量圖形的Web瀏覽語(yǔ)言規(guī)范[J].中國(guó)圖象圖形學(xué)報(bào),2000(12):71-75.
數(shù)英 專訪意符創(chuàng)意創(chuàng)始人：從技術(shù)黨到創(chuàng)意工種，他們不只為了打造爆款
E2平臺(tái) 訪談｜計(jì)育韜：向丑陋的工具說(shuō)不
新榜 影視娛樂(lè)類視頻號(hào)數(shù)量爆發(fā)式增長(zhǎng) | 中國(guó)微信500強(qiáng)月報(bào)（2022.05）