编者按:本文来自微信公众号 慢放(ID:manfangsd),作者:挖掘姬,编辑:大涵,创业邦经授权转载
最近GQ实验室为资生堂推送的《红了!》公众号文章,斩获3.6万点赞,1.5万在看。
随后,百度也赶来蹭热度,推了风格类似的《无人红了!》和《蓝了!》。
点开《红了!》,顶级文案+顶级交互,想不红都难。150句关于美的注释,模拟打字机效果自动伸长,像画卷一样徐徐展开。还有美妙的动画效果,当写到美是朝阳,接着就有一轮红日冉冉升起。
毫无疑问,能做出这种展示效果的图文,全网独公众号一家。
然而,要问到这种效果是怎么实现的,众多网友却说不出个所以然。
公众号已经诞生十年了,依然还有很多人不知道SVG是什么。
在知乎,被大家关注最多的相关问题是:
现在还有人看公众号吗?
SVG的故事
从2012年8月上线到今天,公众号已经走了十年。十年巨变,公众号从简朴的图文,到过气流量条漫,如今又靠着SVG小小的火了一把。
SVG是什么?它的全称是Scalable Vector Graphics,翻译过来也就是一种可升级矢量图形,它的出现,比微信还早十几年。
十几年前,电脑那会儿还叫微机,上机房还得穿鞋套。那时的网上图像画质也很渣,下载一张图片巨慢无比。
普通的HTML格式不支持矢量图,越来越不适合网友冲浪的速度了。而1988年W3C万维网联盟发布的XML1.0,只解决了一些小bug,但没治到病根上,矢量图问题没有彻底解决。
于是互联网出现几年混战,Adobe制定了PGML,微软搞了VML,还有公司闷头搞研究,弄些插件力挺矢量图。
在此背景下,W3C牵头成立SVG工作组,打算制定行业标准,从而“一统江湖”。
2000年8月,来回拉扯N遍的标准终于落地。SVG的S是指可扩展,别小瞧这个功能,有了它,网上的图不再局限在固定的分辨率和尺寸上。说人话就是:同一张图,在不同分辨率屏上,都能以相同大小出现。放大能看细节,缩小能看布局,灵活多变。
回到最初的起点,SVG起先是服务电子地图的。有可扩展这个属性,地图能大能小,还能漫游+导航,和普通地图相比,可太酷了。
但SVG能火,还得是它的包容。SVG支持脚本语言,能动态呈现,还能交互。
在代码里,写一行〈animateM otion〉,可以让图像移动。再来行〈animateFlipbook〉,图像能来回横跳,要是多写行〈animateT ransform〉,图像能旋转跳跃不停歇。
这哪是写代码,简直是在写给图像的情诗,而且还是独一份的——这些俏皮功能jpg和gif可没有。
拿SVG和公众号组CP,那真是再适合不过了。和一代目纯图文比,会动的SVG充满嘞互联网的高逼格气质。和前往红H5比,SVG属实是为懒人谋福利,不需要跳转直接看内容。
更为人称道的,SVG图质量小,让服务器有了喘气摸鱼的机会。只要做成高清格式,不管在什么屏幕看,画质都一顶一出挑。
SVG用在公众号运营上,也不是什么新鲜事。
2020年3月,微信深色模式千呼万唤终于上线。而微信派的推文,就是SVG。用新技术官宣新功能,一众网友被狠狠惊艳,有人评论:好酷炫,官方就是不一样。
几个月后,Apple的ipad Pro和iPhone SE上新,推文也用了SVG。用户跟随提示点击照片,新品像动画一样弹出来,科技公司的排面有了。
初始阶段公众号的SVG交互比较基础,只有简单的功能。要说卷,谁能卷得过新媒体运营,一天一个新花样,快把推文雕琢成艺术品。不止拼技术,还要讲创意和情怀。
武汉解封前夜,人民日报推送《今天,发条微信一起点亮武汉》。用户点击灰色照片,黄鹤楼、楚河汉街等9座武汉地标,慢慢变成彩色。华丽璀璨的武汉,好久不见。这条推送瞬间燃爆互联网,阅读量超2100万,在看近100万,留言超10万条。
这篇文章荣获第三十一届中国新闻奖二等奖,评委一致认为,把SVG技术和微信内容结合,实现了技术创新、内容传播和受众参与的高度统一,是在重大主题报道中,通过创新技术应用催生良好传播效果的成功案例。
今年5月,北大推送的特饮系列,把未名湖、北大美食、燕园美景,用答题卡模型串联起来。这不仅是拼创意非凡脑力,还得拼写代码的体力。
还有更离谱的。2020年5月,宝马中国推送《说出来你可能不信》。用SVG打造一座宝马博物馆,用户随机选三款车型,会弹出藏品介绍。
一个月后GUCCI推送《就想“装”可爱》,同样是随机选三个选项,弹出三款包。但是被JZCreative团队发现,这是运营用秀米和新媒体管家两款编辑器复制导入的代码实现的。
2021年8月,交互新媒体创作者联合发表行业道德宣言。批判剽窃、抄袭、盗用等行业乱象。但感觉收效甚微,公众号资深玩家GQ实验室,被戏称为SVG老师。“桃李满天下”,跟在后面抄袭的人,一箩筐装不完。
当下,新媒体行业想用SVG技术的人多,能想出绝妙SVG创意的人却很少。一个热点红了,等着抄就可以了,何苦再去费力想创意呢。
但圈里还是有真神存在的,他们用日益稀疏的秀发,换来一篇又一篇爆款。
不难发现,GQ实验室SVG推文中,最后一栏技术支持里,总有“交互实验室&E2.COOL”的名字。
GQ这种超级大客户,他们的需求大多由交互实验室主理人小杨亲自操刀。《红了!》之前,小杨出圈的是《第一个,杨洋》系列。
这篇推送是GQ五月刊封面,用大型3D视差(Z+Y 轴),打造虚拟展览馆。
E2.COOL是一款SVG图文编辑器,2016年JZ Creative团队与微信团队合作,确定图文范畴内SVG AttributeName白名单规范,被称为黑科技排版,也就是现在的E2.COOL。
这个团队背后大佬是计育韬,至于为何执着做SVG交互,大佬有个很诗意的价值观:新媒体从业者,是美学信息的信使。运营要做美的推文,E2就给运营提供做美文的工具。
SVG圈另一个大佬是国梁。他大学时负责学校公众号编辑排版,靠百度和知乎,自学SVG技术,从入门到精通。
多年前还在上大学的国梁创作了一根头发丝SVG,推文里有一根头发,宽度只有0.35146mm,戳中它触发动画的概率只有0.3%。连国梁自己都点了106次才完成挑战,看到发丝缓慢变成一颗心。
国梁这个创意被杜蕾斯看中,就有了《掉根头发都是爱你的形状》。
后来国梁成立意符创意,服务几百家客户,创作几千篇图文。
比如美团出BUG了,模拟了windows弹窗;腾讯长鹅的中秋快乐,把企鹅做成了手风琴演奏《明月几时有》;小鹏汽车交付一周年,伸缩式数据总结;都是他们的作品。
公众号将死?
近几年,公众号进入死亡倒计时的讨论不断。数据的下滑、打开率持续走低,都是铁一般的事实。
根据新榜的统计,20年公众号在看数10万+文章有283篇,21年只有46篇。根据馒头商学院的数据,2020年公众号打开率只有1.8%,2017年这个数据还在5%。而今年,有数据说公众号平均打开率不到1%。5月公众号500强账号总阅读数下降9.4%,总在看数下降5.4%。
去年11月公众号大改版,展示区折叠部分推文内容,同时增加系统推荐内容。公众号终于还是走到了算法这一步。
与此同时,各大账号在推文底部加卡片,引导用户星标、分享、在看三连,仿佛少了哪个,账号死亡的钟声就要敲响。
公众号,危。
与之形成对比的,是公众号的弟弟视频号流量飞涨。21年视频号日活超5亿,同比增长79%。人均使用时长超35分钟,同比增长84%。今年5月,视频号500强账号总点赞数上升28%。
前有短视频流量王者抖音,后有短视频新秀视频号。如今还有谁倔强地只做图文不做视频,就会被按上古典自媒体的名头。
毕竟连微信自己都在重仓视频号,公众号仿佛成了弃子。周杰伦、西城男孩、后街男孩的视频号演唱会刷爆了朋友圈,热闹非凡。
腾讯在Q2财报也对视频号开启夸夸模式。称其用户爆发式增长、播放量大涨200%、日活创作者涨了100%。对视频号那可是寄予厚望,妥妥的下一个现金牛。
但视频号并不是要把公众号杀死,是想和公众号组成一个关于内容的圆。按照张小龙的愿景:公众号是内容的图文载体,除了图文,内容还有没被呈现出来的样子,视频号正好能补上公众号的缺。
▲2012年8月17号22点52分,公众号开放注册的内部邮件发出。同年8月23号,公众号正式上线。
短视频很好,图文也不差。文字的感染力,是短视频千篇一律的BGM不曾有的。
喧嚣的互联网世界里,我们需要一处安静之所,阅读有趣的图文。能成为SVG画板的公众号,无疑是最好的平台之一。
公众号从业者中有65.7%出生在乡镇,是标准的小镇青年,但却有接近8成留在了城市工作,成了出入高端写字楼的“白领”。还有31.7%的公众号从业者,表示愿意一辈子只干这一行。
公众号培养了一批愿意阅读、对文字有敬畏感的行业从业者和读者,也给许多人的职场生涯提供了新的选项。
如果说微信是腾讯在移动互联网时代的船票,那公众号也可以算是一些人改变一生命运的船票。
大家都有着美好的未来。END
参考资料:
肖昕.SVG的发展与应用[J].计算机系统应用,2005(11):34-37.
王仲,董欣,陈晓鸥.SVG——
一种支持可缩放矢量图形的Web浏览语言规范[J].中国图象图形学报,2000(12):71-75.
数英 专访意符创意创始人:从技术党到创意工种,他们不只为了打造爆款
E2平台 访谈|计育韬:向丑陋的工具说不
新榜 影视娱乐类视频号数量爆发式增长 | 中国微信500强月报(2022.05)
本文为专栏作者授权创业邦发表,版权归原作者所有。文章系作者个人观点,不代表创业邦立场,转载请联系原作者。如有任何疑问,请联系editor@cyzone.cn。