《春游踏青SVG交互图文案例合集》
春天到了,阳光明媚,正是出游踏青的好时节!
在这次春游踏青之旅中,我们还精心挑选了8篇春游踏青SVG图文案例。
8篇案例分别来自人民网、星巴克中国资讯中心、王者荣耀、元祖食品、UGG官方、招商银行、特斯拉、山水怀柔。
01
人民网
《今日春分,万象“耕”新!》
▲GIF演示
「点击展开」的同时播放拖拉机耕种的动画,长图漫画逐渐从模糊到清晰,带大家领略春耕的震撼,祝福今年丰收。
交互对应编辑器组件/组合
02
星巴克中国资讯中心
《春日踏青不完全指南(熊店长亲测靠谱版)》
▲GIF演示
「点击切换后展开」模拟和星巴克的熊店长一起踏青,「左滑」查看各个地方的星巴克门店照片,从而吸引大家前往门店打卡。
交互对应编辑器组件/组合
组合:点击切换图片+展开(有触发区)
编号:10057(组合)
组件:单层滑动-左滑
编号:10020(组件)
03
王者荣耀
《去春游吗?妲己宝宝准备好礼包啦!马超-琥珀纪元等好礼等你赢~》
▲GIF演示
「点击弹窗」模拟查看春日之旅中的活动,和王者荣耀的小伙伴一起踏青,「点击展开」模拟接收春日好礼,从而宣传王者荣耀,吸引大家前往体验。
交互对应编辑器组件/组合
组件:点击-悬浮弹窗(无限次弹出,相同关闭位置)
编号:11114(组件)
组合:点击展开
编号:10307(组合)
04
元祖食品
《今日To Do:去春游!》
▲GIF演示
元祖踏青季活动之际,引导用户「点击展开」模拟开启踏青之旅,多个平级「点击消失后展开」模拟选择目的地并展开相应的踏青元祖食品青团礼盒的介绍,借此吸引大家购买。
交互对应编辑器组件/组合
组合:点击展开(可嵌套展开,固宽)
编号:10875(组合)
组合:点击消失+展开(设置触发区域)
编号:11186(组合)
05
UGG官方
《春游时间到!》
▲GIF演示
春游季,「点击展开」模拟接受踏青出游的邀请,接着依次介绍UGG各个系列套装,吸引大家前往小程序购买。
交互对应编辑器组件/组合
组合:点击展开(可嵌套展开,固宽)
编号:10875(组合)
组合:点击弹性选择展开组合(无限次、两组/二组/2组)
编号:11157(组合)
06
招商银行
《速领打车券,出行5折起!》
「左滑」一起看看Ta是哪一种春游党,点击各个后备箱查看里面的装备,引起大家的好奇心和探索欲,从而宣传招商银行的全方位出行礼遇。
交互对应编辑器组件/组合
组合:左滑组合(自动对齐)
编号:10249(组合)
组件:连续点击-切换多张图片(有触发区)
编号:10044(组件)
07
特斯拉
《春游最佳「特」助,了解一下》
▲GIF演示
「点击切换」模拟加入春游小队开始春日自驾游,「点击不同的头像切换选择」查看用户选择特斯拉的原因,吸引更多客户购买。
交互对应编辑器组件/组合
组件:点击-切换GIF动图(有触发区)
编号:10087(组件)
组件:点击-切换图片(从左水平移入)
编号:10166(组件)
组件:Apple同款-无限选择切换图片(四组)
编号:11276(组件)
08
山水怀柔
《走,怀柔踏青去!》
「点击抽屉式切换」查看踏春计划,依次介绍各个地方的春色美景,从而吸引大家前往踏青。
交互对应编辑器组件/组合
组件:点击-抽屉切换图片(无限次往返,有触发区,左)
编号:11123(组件)
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)