《next level SVG交互图文案例合集》
next level是最近爆火的网络用语,意思是下一个阶段,下一个层次。
如果想让你的推文上一个档次,也可以在图文中使用上next level。
今天给大家整理了8篇next level的SVG图文案例,分别来自星巴克中国、抖音、欧莱雅中国、康师傅喝开水、UGG官方、Colorkey珂拉琪、康师傅干脆面、文墨wenmo,来一起迈向next level吧。
01
抖音
《小孩的抖音已经 next level 了》
▲GIF演示
「点击上移切换图片后展开」模拟开启旅途,「上滑」模拟操纵小人走过密语花园,「点击弹窗」揭秘旅途中的秘密,借此宣传《绿洲》。
该交互需定制
使用编辑器下方组件/组合可实现类似效果:
组合:点击消失+从头展开(有触发区)
编号:10402(组合)
组件:视频号-图片
编号:10228(组件)
组合:三层上滑组合
编号:11761(组合)
组件:点击-悬浮弹窗(无限次弹出,相同关闭位置)
编号:11114(组件)
02
星巴克中国
《@有星人:会员福利已是Next Level》
▲GIF演示
星巴克会员通过「自动跳舞展开」模拟进入全新时代,依次介绍钻星会员的特权以及优惠福利,吸引读者前往购买。
交互对应编辑器组件/组合
组合:自动-跳舞展开 (连续伸缩展开)
编号:11653(组合)
03
欧莱雅中国
《“有意思青年”已是next level》
▲GIF演示
解锁着校园公益的“新副本”「点击切换」然开启了2024年“有意思青年”的中法寻XIN之旅,借此宣传欧莱雅中国。
交互对应编辑器组件/组合
组件:连续点击-图片顺时针旋转切换+展开(有弹窗)
编号:11803(组件)
组件:视差滑动-左滑(只用于四组)-Apple同款
编号:11262(组件)
04
康师傅喝开水
《职场人已经玩到next level了!》
▲GIF演示
「点击展开」瞧瞧职场人的聊天记录,「点击弹出」查看聊天记录内容,借此宣传康师傅喝开水,吸引更多客户传播并购买。
交互对应编辑器组件/组合
组合:点击展开(可嵌套展开,固宽)
编号:10875(组合)
组件:点击弹出-弹出图片(有触发区)
编号:10069(组件)
05
UGG官方
《Next Level的爆改UGG,进来学!》
▲GIF演示
「点击切换GIF后伸缩式展开」介绍Next Level的爆改UGG各款的小棉鞋,借此宣传UGG,吸引更多客户购买体验。
交互对应编辑器组件/组合
组合:点击切换GIF+伸缩式展开(有触发区)
编号:10862(组合)
组件:双层滑动-前景左滑(自动对齐)
编号:10270(组件)
06
Colorkey珂拉琪
《这波唇妆进阶局,邀你进入Next level》
▲GIF演示
「点击切换后展开」介绍珂拉琪采用智感调节技术推出的新款唇釉,「点击切换后滑动」展示唇色美学,借此宣传珂拉琪品牌,吸引更多客户购买。
交互对应编辑器组件/组合
组合:点击切换GIF动图+展开(可嵌套,有触发区,固宽)
编号:10935(组合)
组合:点击展开(有触发区)
编号:10051(组合)
组件:单层滑动-上滑(支持多张)
编号:10200(组件)
07
康师傅干脆面
《这个夏天已经next level》
▲GIF演示
康师傅干脆面通过「连续点击翻页切换」的交换模拟揭秘不同场景,最后推出文末福利活动,吸引读者前往购买。
交互对应编辑器组件/组合
组件:连续点击-开门切换图片(翻页、左下)
编号:11107(组件)
08
文墨wenmo
《“Skr女孩”的时髦程度已经Next Level》
▲GIF演示
「视差左滑」展示文墨wenmo各个不同服饰,借此宣称文墨wenmo品牌,吸引读者前往挑选。
交互对应编辑器组件/组合
组件:视差滑动-左滑(自动对齐、六组)
编号:10817(组件)
组件:自动-轮播Banner
编号:10207(组件)
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)