《开学SVG交互图文案例合集》
你是否想过,七夕的祝福可以不止于文字?
开学季即将到来,学生少不了增添新装备!
品牌们都趁此机会做起营销,为大家整理了8篇开学季的SVG交互图文,一起来看看吧。
8篇案例来自星英菲尼迪、雅迪车主平台、Purcotton全棉时代、全元光滑、贵州大学、一零一中学国际部、盒马、重庆大学等公众号。
往年整理的开学季相关案例合集:
01
英菲尼迪
《叮~来份开学指南》

▲GIF演示
开学了别忘记定闹钟,英菲尼迪多个「点击切换GIF动图后展开」模拟关闭闹钟并给出开学指南,表达了英菲尼迪的品牌温情。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击切换GIF动图+展开(有触发区)
编号:10075(组合))
02
雅迪车主平台
《【1条新提醒!】开学第一条朋友圈,竟这么精彩一》

▲GIF演示
开学第一周雅迪聚焦家长朋友圈,利用「点击弹出图片」「点击切换图片」等多个交互模拟家长朋友圈中关于雅迪的动态,借此宣传雅迪电动车。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:点击弹出-弹出图片(设置多个触发区)
编号:10100(组件)
组件:点击-切换图片(有触发区)
编号:10043(组件)
03
Purcotton全棉时代
《4005份开学礼给孩子,也给忙碌的你》

▲GIF演示
全棉时代用「展开中嵌套多个平级展开」的交互,描绘了家长对孩子开学既期待又担忧的矛盾心理,展现父母对孩子细致入微的爱,并引出开学礼活动。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击消失+展开(可嵌套展开,有触发区)
编号:11848(组合)
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
04
全元光滑
《23句写给新学期的话,祝你也祝我。》

▲GIF演示
「点击向上擦除切换后展开」 23句写给新学期的话,倡导学生遵循内心、不被外界标准束缚,涵盖学习、生活、心态等方面。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组合:点击-向上擦除切换+自动展开
编号:11554(组合)
05
贵州大学
《今天,与贵州大学0距离!》

▲GIF演示
贵州大学通过「三层穿透式上滑」的交互,模拟一位新生从家中奔赴校园开启追梦之旅的过程,生动展现了校园生活场景。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:三层滑动-上滑(多张)
编号:10803(组件)
06
一零一中学国际部
《开学了!这一年我要成为_____》

▲GIF演示
开学在即,101中学国际部借助「点击抽屉切换图片」的交互,引导学生解锁新身份,同时送上开学祝福。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:点击-抽屉切换图片(无限次往返,有触发区,左)
编号:11123(组件)
07
盒马
《上学了,怪紧张的》

▲GIF演示
盒马针对秋季开学推出实用好物清单,「点击向上移出切换」模拟拆开好物袋,最后送出开学祝福。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:点击-切换图片(向上水平移出)
编号:10172(组件)
08
重庆大学
《重庆大学2024级新生大数据揭秘!》

▲GIF演示
「双层前景上滑」查看重庆大学 2024级新生大数据,配合镂空设计,上滑过程前景图不断发生颜色变化,很是有趣,帮助新生更好了解同学与校园。
交互对应iPaiban Pro 编辑器(SVG.iPaiban.com)组件/组合
组件:双层滑动-前景上滑(支持多张)
编号:10203 (组件)
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在节日分类中搜索「开学」查看更多相关案例。

目前案例库总案例数已达80W+,其中8W+案例支持一键还原,制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)