《春游踏青SVG交互图文案例合集》

原创 收藏 评论
举报 2024-03-26



春天到了,阳光明媚,正是出游踏青的好时节!


在这次春游踏青之旅中,我们还精心挑选了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折起!》

1.gif

点此查看原文

「左滑」一起看看Ta是哪一种春游党,点击各个后备箱查看里面的装备,引起大家的好奇心和探索欲,从而宣传招商银行的全方位出行礼遇。

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

组合:左滑组合(自动对齐)

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

编号:10044(组件)

07

特斯拉

《春游最佳「特」助,了解一下》

▲GIF演示

点此查看原文

「点击切换」模拟加入春游小队开始春日自驾游,「点击不同的头像切换选择」查看用户选择特斯拉的原因,吸引更多客户购买。

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

组件:点击-切换GIF动图(有触发区)

编号:10087(组件)
组件:点击-切换图片(从左水平移入)
编号:10166(组件)
组件:Apple同款-无限选择切换图片(四组)
编号:11276(组件)

08

山水怀柔

《走,怀柔踏青去!》

2.gif

点此查看原文

「点击抽屉式切换」查看踏春计划,依次介绍各个地方的春色美景,从而吸引大家前往踏青。

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

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

编号:11123(组件)

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

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)