《情人节SVG交互图文案例合集》
在爱意弥漫的情人节里,如何做出有惊喜感的图文呢?
今天给大家整理了8个情人节相关的优秀SVG图文案例,分别来自UGG官方、嘉宝Gerber、可可满分、中国人民大学、创客贴、GRAFF格拉夫、奔驰租赁、PerfectDiary完美日记,一起感受下浪漫吧!
01
UGG官方
《LOVE IS LOVE》
▲GIF演示
「点击放大切换后消失展开」UGG的情人节特别系列新品,「视差相册式左滑」查看用户的返图和分享,借此吸引更多客户购买。
该交互需定制
02
嘉宝Gerber
《这个情人节,携宝出席有多甜蜜?》
▲GIF演示
「输入密码解锁展开」后围绕情人节带宝宝过节的甜蜜场景、相关趣事等展开贺卡,借此宣传嘉宝Gerber。
交互对应编辑器组件/组合
组合:密码解锁展开(可设置点击动画&触发区域)
编号:10473(组合)
03
可可满分
《情人节|可可满分粉红椰子水浪漫上新》
▲GIF演示
「点击上移」介绍可可满分情人节发布的粉红椰子水新品,「上滑」查看粉色的故事,最后点击朋友圈为瓶子注入粉色,借此宣传可可满分情人节活动。
交互对应编辑器组件/组合
组合:点击-向上拖拽切换组合
编号:11923(组合)
组件:双层滑动-前景上滑(支持多张)
编号:10203(组件)
04
中国人民大学
《爱你!》
▲GIF演示
在情人节当天,中国人民大学通过「自动层层展开 」21句对人大的告白,最后吸引大家互动分享对人大的告白,借此宣传中国人民大学。
交互对应编辑器组件/组合
组合:自动层层展开(最后一层可嵌套)
编号:11373(组合)
05
创客贴
《ChatGPT 也懂爱情!?》
▲GIF演示
多个平级「点击下拉展开」介绍ChatGPT与爱情的回答,讲解其恋爱问答、情人节相关资讯及创客贴优惠活动,借此宣传创客贴。
交互对应编辑器组件/组合
组合:点击消失+下拉展开(有触发区)
编号:10406(组合)
06
GRAFF格拉夫
《一键生成专属海报!》
▲GIF演示
「点击展开」模拟步入格拉夫创作时刻,「左滑」模拟选中元素,最后生成专属海报,借此宣传格拉夫推出含钻石的蝴蝶系列耳环、吊坠、戒指等饰品。
交互对应编辑器组件/组合
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
组件:多组滑动拼接自定义海报(3组,小程序)
编号:11824(组件)
07
奔驰租赁
《情人节限定好礼,真香》
▲GIF演示
「左滑」模拟选择心仪背景和「点击切换」模拟选择心动车型,最后生成情人节专属爱意便签,借此宣传奔驰汽车。
交互对应编辑器组件/组合
组合:无限选择切换内容(三组)
编号:11707(组合)
组件:双层滑动-背景左滑(自动对齐)
编号:10273(组件)
08
PerfectDiary完美日记
《情人节翻牌游戏!翻到什么送什么!》
▲GIF演示
「点击切换」或者「点击弹窗」模拟情人节翻牌活动,参与者翻到啥就能拿啥,从而引导用户参与活动。
交互对应编辑器组件/组合
组件:上下浮动
编号:10296(组件)
组件:点击-悬浮弹窗(无限次弹出,不同关闭位置)
编号:11118(组件)
如果以上案例还没有看够,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)在节日分类中选择「情人节」查看更多相关案例。
目前案例库总案例数已达70W+,其中8W+案例支持一键还原,制作同款效果非常方便。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)