首页 > 生活分享 > 免费教学 > 基于SVG技术的新媒体交互内容创新

基于SVG技术的新媒体交互内容创新

发布时间:2024-10-26 11:15:15来源: 13041198719

新媒体时代,信息传播逐渐从传统静态传播转向交互传播,SVG这一自带交互基因属性的技术在新媒体内容生产传播领域激起层层浪花。

SVG技术激活内容生产新生态

内容与技术的融合激活了内容生产新生态。SVG技术的加持提升了优质内容的传播力,助力主流媒体在新媒体平台上探索新的风格特色。

(一)技术成熟化:扩展内容交互形式

SVG(Scalable Vector Graphics)即可缩放矢量图形,相较于JPG、PNG、GIF,可以无限伸缩而不失真,是基于XML(Extensible Markup Language)开放标准的矢量图形语言,可以直接用代码描绘图像。SVG技术即通过代码改变SVG图形的大小、位置、形状、轮廓等形态,来实现动效变化,达成交互效果。

SVG技术用于新媒体内容平台之初,在效果展现上存在不兼容、不适配等情况,SVG交互内容动效较为简单。2016年,JZCreative x 微信团队发布SVG动画白名单技术文档,在技术层面形成了图文内SVG交互式排版规范,SVG交互效果开始在有限的框架内“野蛮生长”,为创新式SVG交互内容的出现打下基础。

(二)工具多元化:探索交互动效边界

当新媒体交互产品进入大众视野后,SVG交互内容制作需求大量增加,相应的SVG交互效果编辑器、SVG交互内容案例库等多元化工具有效提升了制作效率,推动着交互内容动效边界的拓展。

一方面,SVG交互图文制作器以海量交互动效模版、开发者原创UGC交互组件探索动效实现的可能性,提高了内容创作效率。例如,135编辑器、秀米编辑器、iPaiban Pro编辑器预设多样化的SVG模块固定组合,有效融合富文本和SVG动效;E2平台黑科技编辑器在自由组合动效的基础上,与开发者共创UGC组件,为内容创作者带来潮流交互灵感。

另一方面,SVG交互内容案例库帮助新媒体内容创作者更好地了解技术趋势、学习实践经验、制定内容策略。2022年4月,“iSVG”交互图文案例搜索引擎上线,涵盖各行业、各类型SVG交互内容,可以快速检索到顶尖行业作品。2023年6月,“ChatIdea”SVG案例人工智能免费问答引擎上线,能够从主题、概念、元素、风格、交互效果等方面为用户提供优秀案例。

(三)技能普及化:降低交互制作门槛

在SVG技术应用于新媒体内容生产之初,交互效果主要通过前端工程师进行代码调试来实现。随着SVG技术从网页端向移动端发展,E2平台黑科技编辑器、iPaiban Pro编辑器等专业SVG交互图文制作编辑器的出现,极大地降低了SVG交互图文制作的技术门槛,为新媒体交互内容创新带来更多可能。以E2平台黑科技编辑器为例,其运用积木式的操作规则,摒弃了传统模板结构,用户可以对SVG组件进行自由拖拽与嵌套,在合理范围内实现多样化的组合动效。自此,基于微信公众号平台的SVG交互内容开始井喷式增长,在企业产品营销、传媒内容传播等方面广泛应用。

SVG技术应用拓展内容创作新蓝海

(一)从相加到相融:技术赋能优质内容

新技术进入内容生产领域初期常存在“喧宾夺主”的弊端,SVG应用早期也存在动效形式与内容割裂、同质化、模式化等问题。随着新媒介技术的深度实践,内容与技术的简单相加转变为深度融合,逐渐形成SVG技术为内容服务的新常态。

自2018年第28届中国新闻奖增设媒体融合奖项以来,SVG技术多次出现在中国新闻奖获奖作品中。

免费教学更多>>

女演员闻宝宝脚丫致眼睛感染睁不开 马伯骞给弟弟婚礼当伴郎 长城汽车:打死也不做增程 郭晶晶一家在大同为女儿庆生 《哪吒2》延长上映至5月31日 刘强东给美团饿了么骑手敬酒欢迎 教皇遗嘱内容公布 中国“会飞的保温杯”引外媒关注 可口可乐笑了百事可乐哭了 聋哑女生因容貌美得不真实被质疑 ​电动车慌不慌?马自达亮出直六后驱王牌,新轿跑设计图帅到飞起 长安马自达生死战:EZ-60能否力挽狂澜? 马自达CX - 90:一款豪华且高性能的三排跨界车 长安马自达EZ-60:钢铁魅力,质感非凡的新能源先驱 避雷 马自达 CX-5 的优缺点 风华绝代 安全至上:长安马自达EZ-60绽放独特魅力 全新马自达EZ-60登场,1.5L引擎+Hybrid系统,马力258PS! FILA GOLF重构高尔夫新叙事,沃尔沃中国公开赛展现战略纵深 FILA GOLF借沃尔沃中国公开赛,打造“无界City playground” 两次中期改款的沃尔沃XC90,还值得买吗? 无我中有我,才可用“沃尔沃”代表“高尔夫”! 北欧豪华旗舰轿车,沃尔沃全新S90全球正式发布 沃尔沃:豪车版图中的独特存在 全新一代沃尔沃S90焕新上市:以安全与混动科技重塑豪华轿车标杆 新一代丰田汉兰达确认国产,全系混动大七座设计 367马力,6.2L油耗王炸组!25款汉兰达混动版“家用SUV终极答案” 福特探险者和丰田汉兰达怎么选?你看中操控还是看中省心? 爷爷赠未出生孙子百万遭儿子起诉 鹿晗关晓彤暂无商业关联 伊藤美诚晒与孙颖莎合照