首页 > 生活分享 > 免费教学 > 基于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技术多次出现在中国新闻奖获奖作品中。

免费教学更多>>

特斯拉没造出来的车,小鹏先造出来了 武汉蔚来能源申请光伏储能系统相关专利,减少能量转换环节 卓驭(原大疆车载)被曝获北汽产投与广汽资本投资,合计数亿元 沃尔沃全新S90上市,限时售价30.09万元起 银河星耀8挤占插混式榜单第九!2025年第21周纯电动/插混/增程式/轿车/SUV/MPV车型TOP10出炉 从SUV王者到越野专家,长城把″聚焦″这个方法论贯彻始终 阿维塔将推百万级旗舰六座SUV 预计在2026年上市 松下小方盒mini剃须刀暗夜黑超值优惠 长安镇:人大代表聚力破解“飞线”难题 长安汽车:2025年底将在欧洲拓展至少10个市场 尊界S800上市:冲击新能源超豪华车“无人区” 擎动未来 逐鹿赣线!东风龙擎快递快运车型节能赛江西开赛 5月传统汽车品牌销量点评,大众、丰田掉队,比亚迪、吉利崛起 大众速腾内饰大升级!怀挡+新势力同款大屏上车 广汽丰田5月销量64541台 5款车型推出终身质保权益 比亚迪要破卷、强攻高端,股东力挺让王传福泪目 吉利银河A7图片发布 搭载雷神EM 奔驰段建军:汽车行业的竞争从来不是百米冲刺,而是一场马拉松 Uzi入选英雄联盟名人堂,奔驰携手见证电竞文化破圈前行 华晨宝马换帅女将宝思齐 豪华车战场转向″价值深耕 麦克奥迪取得整体式偏光检偏插片组专利,降低加工难度 长安汽车朱华荣:“0公里二手车”出口到海外,扰乱了市场,这对中国品牌伤害极大 无人值守全自动洗车机适合SUV吗?自动支付方便吗? 日本人不用眼馋!日产:考虑在日推出电动轿车N7 阿维塔喊出“新央企”口号,官宣将推出大六座百万级旗舰新车 5299 → 2999 元:苹果 iPad mini(A17 Pro)eSIM 版京东低过 WLAN 版 番禺耀胜新世界广场|耀胜尊府户型解密 79~132㎡约62800元/㎡ 央企巨变!长安汽车升“嫡系”,东风股价“跳水”背后 长安、东风重组按下暂停键 长安“升级”驶入央企新赛道 长城汽车“越野技能分级标准”首发,用户有望成为预备车手