惊艳!央视新闻、人民日报、新华网等官媒最新国庆SVG图文合集来了

原创 收藏 评论
举报 2024-10-10


国庆假期正式结束,你的状态是不是还在假期之中?


对大部分官媒来说,国庆节的推文是一年内最重要的图文之一,所以质量都很高
让我们坐上时光机,重返国庆假期第1天,欣赏一下官媒今年的国庆节SVG交互图文案例。
以下10篇崭新的2024年国庆节SVG交互图文,分别来自央视新闻、人民日报、人民网、新华网、共产党员、学习强国、最高人民检察院、央行清算、河北日报、北方新报

01

央视新闻

《今天,我们一起升国旗》

点此查看原文

绝大多数人都没机会升国旗,央视新闻在图文用「点击播放音频同时图片移动」的交互排版模拟奏国歌升国旗,在国庆节这天满足了大家的愿望,激发大家的爱国热情。

该交互需定制



02

人民日报

《喜欢你!》

点此查看原文

人民日报用「三层穿透式滑动」的交互向祖国表达爱意。三层内容,中间的爱心不动,前景和背景跟随手指的滑动而移动,在滑动过程中,爱心不断与前景内容形成各种互动。

交互对应编辑器组件/组合

组件:三层滑动-上滑(多张)

编号:10803(组件)

03

人民网

《今天,向祖国告白!》

点此查看原文

点击播放视频式音频,同时图文缓缓展开,一幅幅画面随音乐出现在眼前。人民网这篇展开中的动效多为SVG代码实现,整体画面高清且流畅。

交互对应编辑器组件/组合

组合:点击切换图片+播放音频+展开(以视频方式上传)

编号:11359(组合)

04

新华网

《我 爱 你 !》

点此查看原文

点击展开图文,在展开中的内容中可继续点击展开多项内容,整篇图文用多个我爱你对祖国表白。新华网这种「嵌套式展开」交互可以让重复的内容也不显冗长。

交互对应编辑器组件/组合

组合:点击消失+展开(可嵌套展开,有触发区) 

编号:11848(组合)

05

共产党员

《有一种红,叫中国红!》

点此查看原文

共产党员这篇图文分为两层内容,背景层为静止不动的红色渐变图片,前景层为可以不断滑动的镂空式主内容图片。在滑动过程中,前景层镂空处不断显现背景红色图片,与图文主题完美匹配的同时让人赏心悦目。

交互对应编辑器组件/组合

组件:双层滑动-前景上滑(支持多张)

编号:10203(组件)

06

学习强国

《祝福祖国,生日快乐!》

点此查看原文

首次点击播放音乐同时切换播放GIF,在背景音乐中层层引导读者点击,一段段连贯又颇具空间感的GIF播放,让人沉浸其中,最后图文展开为祖国送上祝福。

该交互需定制



07

最高人民检察院

《一幅手绘长卷,见证法治中国75年壮阔华章》

点此查看原文

最高人民检察院用手绘漫画的形式,描绘了法治中国75年的壮阔华章,借此为祖国庆生。图文中「点击显现」的交互锦上添花,在保持画面干净的同时也能让读者了解详细内容。

交互对应编辑器组件/组合

组件:点击-切换图片

编号:10005(组件)

08

央行清算

《听,我和我的祖国……》

点此查看原文

央行清算用查收手机消息的创意形式,点击播放视频式音频,同时切换对应画面,一一展示员工们对祖国的真挚心声。

交互对应编辑器组件/组合

组件:点击切换图片+播放音频(以视频方式上传)

编号:11354(组件)

09

河北日报

《我们的人民币》

点此查看原文

河北日报用人民币的发展历程展示祖国75年翻天覆地的变化。交互上主要使用了「立体式视差滑动」效果,滑动中穿插使用了点击移动图片、点击播放音频、左滑图片等多个小交互,内容丰富多彩让人看得津津有味。

该交互需定制



10

北方新报

《你好1949,这里是2024年的中国》

点此查看原文

北方新报用黑白画面展示1949年一穷二白的中国,读至结尾「点击向上擦除切换」彩色的2024年的中国,生动形象地展现了75来中国的巨变。

交互对应编辑器组件/组合

组件:点击-向上擦除切换(多张图)

编号:11416(组件)




如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在「节日分类」中选择「国庆」查看更多相关案例。


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

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)