官媒玩起SVG交互会怎样?10个案例给你答案

原创 收藏 评论
举报 2022-08-25

互联网时代,媒体们如何别出心裁、创意频出?
那当然是用最新新新的内容展示方式了!

今天推荐给大家10个媒体的交互图文案例,分别来自央视新闻新华社学习强国央视军事海淀宣传中国知识产权报中华环保联合会南方周末宜昌发布的,看看有哪些好的交互形式吧!

1

央视新闻

1661394525729.gif

点此查看原文

逢年过节,很多品牌都会推出自己的专属定制红包,央视新闻通过引导大家「点击」选择喜欢的颜色为海报上色,借此和大家互动并推出虎年定制红包封面。

该效果需定制。
【拓展案例】武汉解禁:《好久不见,甚是想念》
一粒米的故事:《“粮食打进仓,莫忘灾和荒”》航天员的太空生活:《中国人太空“出差”图鉴》

2

新华社

微信截图_20220825103328.png
点此查看原文

新华社通过敦煌壁画的设计结合多种交互样式,为大家普及了清明的许多知识,图文兼具艺术性与趣味性。

该交互对应编辑器模板:组件:点击-擦除图片(由上向下)编号:10248(组件)

3

学习强国

1661394559091.gif

点此查看原文

学习强国在元宵节之际,用猜灯谜的形式,吸引大家「答题」,借此科普冬奥会相关知识,与大家互动的同时送出节日祝福。

该效果需定制。

4

央视军事

点此查看原文

央视军事联合和平精英在元宵节时用「新年签」结合「点击展开」的交互形式送出了祝福卡和红包封面,吸引大家互动的同时祝所有人节日快乐。


该效果需定制。



5

中国政府网

1661394585656.gif

点此查看原文

央视军事联合和平精英在元宵节时用「新年签」结合「点击展开」的交互形式送出了祝福卡和红包封面,吸引大家互动的同时祝所有人节日快乐。

该效果需定制。

5

中国政府网

1661394609569.gif

点此查看原文

芒种时分,中国政府网在画中嵌入音频,点击相应位置播放,让人如临其境很是享受,同时又向大家普及了节气知识。

该交互对应编辑器模板:组件:音频-隐藏式音频(需上传素材,防误触)编号:10103(组件)

6

海淀宣传

1661394644345.gif

点此查看原文

海淀宣传通过引导大家点击开启冬奥火种云传递,虎头娃通过「轨迹动画」的交互形式模拟走过火种传递路线,吸引大家打开“海淀宣传”小程序获取火种传递证书,为冬奥会做宣传。

该效果需定制。

7

中国知识产权报

1661396182119.gif

▲GIF演示点此查看原文

在世界知识产权日到来之际,中国知识产权报通过引导大家点击和知识产权有为青年一起行动,学习知识产权相关知识,向大家科普商标、抢注、版权等名词,呼吁大家锐意创新,建设未来,一起成为知识产权有为青年。

该效果需定制。

8

中华环保联合会

1661394671183.gif

▲GIF演示点此查看原文

在世界环境日,中华环保联合会、云听和腾讯SSV联合推出「环保闯关小游戏」,通过长按、点击、左滑等不同的交互形式通过一道道关卡获取勋章,呼吁大家一起保护环境。

该效果需定制。

9

南方周末

1661394692150.gif

点此查看原文

2022年伊始,南方周末联合腾讯课堂推出「沸腾青年」测试,吸引大家一一点击选项「答题」,测试自己是哪类沸腾青年并关注首届沸腾新青年盛典。

该效果需定制。

10

宜昌发布

1661394712471.gif

点此查看原文

宜昌市第七次党代会结束后,宜昌发布通过手绘长图展示宜昌未来恢弘蓝图,「点击」跟随“微笑天使”江豚查看家乡新未来,大气的音乐和精致的画卷给大家留下深刻印象。

该效果需定制。

微信截图_20220825105903.png

如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)点击「媒体广告」行业查看更多相关案例。

目前央视新闻和新闻联播有超过260篇交互图文被收录在案例库中。

640.gif

目前案例库总案例数已达60000+,其中7600+案例支持一键还原,制作同款效果非常方便。

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。




● SVG 黑科技交互排版????????

·

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)