《教师节SVG交互图文案例合集》

原创 收藏 评论
举报 2024-08-23





临近教师节,如何创意表达对老师们的祝福和敬意呢?不妨学习下品牌们的花式操作。

这里整理了往年优秀的教师节SVG交互图文案例,可以点击查看:《教师节图文如何制作?QQ星、特步等8大品牌已作答》《教师节献礼:人民日报、长安福特、一加手机等20个品牌一起给老师们送祝福!》
还有最新的8篇教师节的SVG图文案例,分别来自中国教育报、广汽传祺、新华网、七彩云香Club、六神、微信派、英菲尼迪、费加罗夫人,一起来看看给老师们的节日惊喜吧!

01

中国教育报

《今天,我们用一条线,讲述一位老师的故事》

▲GIF演示

点此查看原文

中国教育报通过「自动线条轨迹」的SVG交互讲述一位教师的故事,借此宣传老师的辛勤付出并祝大家教师节快乐。

该交互需定制


02

广汽传祺

《难忘教诲,祝老师们节日快乐》

▲GIF演示

点此查看原文

「点击切换后展开」老师们当年说的话背后相应的汽车介绍,借此宣传广汽传祺汽车的细节以及各个不同颜色的款式,吸引读者前往试驾。

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

组合:点击消失+展开(可嵌套展开)

编号:11848(组合)

03

新华网

《对!这就是我的老师》

▲GIF演示

点此查看原文

教师节的当天,新华网通过「自动层层展开」的SVG交互展示“老师说过的话”和相关的场景漫画,引起大家的共鸣,借此祝大家教师节快乐。

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

组合:自动层层展开 | 《红了》

编号:11273(组件)

04

七彩云香Club

《那些年,老师教会我们的......》

▲GIF演示

点此查看原文

七彩云香Club通过「点击切换后展开」模拟开始上课,依次「点击切换」模拟翻开答案,借此宣传七彩云香Club的来源和活动并祝福大家教师节快乐.

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

组合:点击切换图片+展开(有触发区)

编号:10057(组合)
组件:点击-局部切换图片(可调整大小及位置)

编号:10163(组件)

05

六神

《叮咚——神奇一课开课了!》

▲GIF演示

点此查看原文

「点击切换后展开」教师节的神奇一课,然后依次「点击消失后展开」模拟答题,借此宣传六神温润泡泡沐浴露。

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

组合:点击消失+展开(可嵌套展开)

编号:11848(组合)

06

微信派

《????老师的话》

▲GIF演示

点此查看原文

在教师节当天,微信派使用了「隐藏文字」的效果,通过微信的「听全文」功能揭秘老师那些常说的话,借此宣传微信派的同时祝大家教师节快乐。

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

组件:隐藏文字-零高

编号:11491(组件)

07

英菲尼迪

《讲真,当老师也太……》

▲GIF演示

点此查看原文

「点击抽屉式切换」笔记本下方标签相应的老师们的「小确幸」,宣传英菲尼迪购车优惠的同时祝所有老师节日快乐。

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

组件:点击-抽屉切换图片(无限次往返,有触发区,上)

编号:11085(组件)

08

费加罗夫人

《我,30岁猛男老师,意外收到一封情书……》

▲GIF演示

点此查看原文

费加罗夫人通过「连续点击切换」的SVG交互模拟查看神秘教案,最后揭秘教师节快乐的祝福。

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

组件:连续点击-切换多张图片(有触发区)

编号:10044(组件)




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


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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)