《next level SVG交互图文案例合集》

原创 收藏 评论
举报 2024-08-02

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) 后台授权,侵权必究。

    评论

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

    评论

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

    推荐评论

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

    全部评论(0条)