夏末蝉鸣渐弱,新学期如约而至,开学季是高校以及各大品牌的重要营销节点。
今天为大家整理了8篇关于开学的SVG交互图文案例,它们分别来自最高人民检察院、Warhorse战马、世喜、美团外卖柜、简爱Simplove、FOTILE方太、福特汽车、郑财青年 ,其中运用 SVG 交互,模拟翻课本、奔赴校园、解锁新身份等趣味效果。
*推荐大家一个免费开源SVG案例库网站(网址:brandtime.top),里面有100万+SVG品牌案例,首页搜索「开学」还可查看更多相关案例。
「点击展开」分场景法条卡片平铺校园欺凌/网络诈骗/兼职陷阱等,「连续点击切换」通过漫画呈现普法小故事,借此宣传开学季校园法治普法攻略。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击展开(有触发区)
编号:10051(组合)
组件:连续点击-切换多张图片
编号:10055(组件)
《开学状态瞬间拉满!抽张战马能量卡,解锁超常发挥Buff!》
「点击展开」展示军训满血等开学Buff,多个平级「重叠式点击展开」不同人的能量加成贴士,借此宣传战马能量饮料。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击展开(可嵌套展开)
编号:10875(组合)
组合:点击展开
编号:10307(组合)
「三层穿透式上滑」介绍世喜儿童保温杯WRCA保温纪录/316L内胆/480ml容量卖点,借此宣传世喜儿童保温杯。
类似效果可使用i排版SVG编辑器SVG.iPaiban.com)组件/组合实现
「点击展开」介绍美团外卖柜开学季活动,「点击向上移动后左滑」查看更多适合送给老师们的美食,按点赞名次分奖项,最后吸引读者留言互动。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击展开(有触发区)
编号:10051(组合)
组合:点击上移切换组合
编号:11788(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)
多个平级「点击消失后展开」模拟手机闹钟界面切换7:05起床/15:00加餐/18:00放学/22:30睡觉四个时点喝酸奶场景,借此宣传简爱"营养闹钟"概念及青少年每日500g奶摄入卖点。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:小程序-图片(默认角标)
编号:10027(组件)
「点击展开」模拟进入出发环境,「点击左右翻转切换图片」切换物理课/科学课/艺术课背后的方太集成烹饪中心介绍,借此宣传方太集成烹饪中心。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:点击-左右翻转切换图片
编号:10197(组件)
「连续点击开门切换图片」展示极简海报式"1188KM打开世界计划"横幅,借此吸引读者前往试驾。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组件:连续点击-开门切换图片(翻页、左下、有触发区)
编号:11385(组件)
组件:零高图片 | 万能背景图
编号:10224(组件)
「点击无限选择切换图片」展示不同开学问题的答案,「点击返回」可以重新选择答案,借此宣传校团委青年融媒体中心开学迎新。
类似效果可使用i排版SVG编辑器(SVG.iPaiban.com)组件/组合实现
组件:点击-无限选择切换图片(带返回)
编号:11161(组件)
如果以上案例还没有看够,推荐大家一个免费开源SVG案例库(网址:brandtime.top),首页搜索「开学」可查看更多相关案例。制作SVG交互图文认准i排版SVG编辑器,网址:SVG.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可注册,编辑器组件/组合现已全部支持免费试用了。