长文推送如何结合SVG？（ 计育韬老师高校公益巡讲答疑实录2024）

这是计育韬老师第 8 次开展面向全国高校的新媒体技术公益巡讲活动了。而在每场讲座尾声，互动答疑环节往往反映了高校师生当前最普遍的运营困境，特此计老师在现场即兴答疑之外，会尽量选择有较高价值的提问进行文字答疑梳理。

*本轮巡讲主题除了涉及 SVG 交互外，还包含了新媒体中 AI 人工智能工作流的详解，为高校师生带来包括与多家央媒的项目合作经验和复旦大学本校的案例分析，因此答疑梳理中也会出现与 AI 相关的知识点，如有任何偏颇之处也欢迎在评论区斧正。

第二期计育韬老师继续梳理了在湖南高校的讲座中，关于「长文推送如何结合 SVG」的问题，一起来看看计育韬老师的答复吧！

形式服务于内容

现场答疑环节，同学在提问中表示本校的不少师生偏爱阅读有深度内容的长篇图文，那么在这种情况下如何转换为 SVG 进行创新？

计育韬老师的回答是，任何形式的创新都不能离开「形式服务于内容」的宗旨。既然读者对深度文字稿有较高的完读率和转化率，那就不应该放弃长文的形式本身。而与之对应的，SVG 作为一种赋能形式去增强其中复杂信息的可视化表达效果。

计育韬老师在现场为同学们举例了一篇文章《都在说中国汽车出口世界第一，别忽略这个关键变化》：

这是一期深度长文，毫无疑问会将 CSS 富文本作为主要呈现形式，但是我们注意在下方有出现一个特殊的柱状图，具备 SVG 交互特性，采用的是 E2.COOL 黑科技 SVG 编辑器中一款叫「地图游走缩放」的模版实现：

所以 SVG 在此处的重要意义，在于拓宽二维图文平面中，Z 轴方向上的空间利用率，使得<scale>缩放应用具备承载图表细节信息传递的能力，这就是一种非常好的长文与 SVG 结合的范例。

而作为 SVG 交互设计中的排头兵，GQ 实验室实际上也频繁采用静态图/文案- SVG -静态图/文案- SVG -静态图/文案- SVG……的串联结构布局。它与上一个案例同样具备媒体属性，毕竟深度媒体的核心依然在于文字或视频，可交互新闻在当下业态中不属于也没有必要成为主体表现形式。

后续答疑预告

#如何自学入门 SVG？

#LOGO 等品牌视觉特征要素如何在图文内有机融合？

如有意向报名承办巡讲的高校站点，欢迎查看「报名须知」并在评论区留下你的联系方式和组织信息，助教老师将协助前期对接工作。