《next level SVG交互圖文案例合集》
next level是最近爆火的網(wǎng)絡(luò)用語，意思是下一個(gè)階段，下一個(gè)層次。
如果想讓你的推文上一個(gè)檔次，也可以在圖文中使用上next level。
今天給大家整理了8篇next level的SVG圖文案例，分別來自星巴克中國、抖音、歐萊雅中國、康師傅喝開水、UGG官方、Colorkey珂拉琪、康師傅干脆面、文墨wenmo，來一起邁向next level吧。
01
抖音
《小孩的抖音已經(jīng) next level 了》
▲GIF演示
「點(diǎn)擊上移切換圖片后展開」模擬開啟旅途，「上滑」模擬操縱小人走過密語花園，「點(diǎn)擊彈窗」揭秘旅途中的秘密，借此宣傳《綠洲》。
該交互需定制
使用編輯器下方組件/組合可實(shí)現(xiàn)類似效果：
組合：點(diǎn)擊消失+從頭展開(有觸發(fā)區(qū))
編號(hào)：10402（組合）
組件：視頻號(hào)-圖片
編號(hào)：10228（組件）
組合：三層上滑組合
編號(hào)：11761（組合）
組件：點(diǎn)擊-懸浮彈窗(無限次彈出,相同關(guān)閉位置)
編號(hào)：11114（組件）
02
星巴克中國
《@有星人：會(huì)員福利已是Next Level》
▲GIF演示
星巴克會(huì)員通過「自動(dòng)跳舞展開」模擬進(jìn)入全新時(shí)代，依次介紹鉆星會(huì)員的特權(quán)以及優(yōu)惠福利，吸引讀者前往購買。
交互對(duì)應(yīng)編輯器組件/組合
組合：自動(dòng)-跳舞展開 (連續(xù)伸縮展開)
編號(hào)：11653（組合）
03
歐萊雅中國
《“有意思青年”已是next level》
▲GIF演示
解鎖著校園公益的“新副本”「點(diǎn)擊切換」然開啟了2024年“有意思青年”的中法尋XIN之旅，借此宣傳歐萊雅中國。
交互對(duì)應(yīng)編輯器組件/組合
組件：連續(xù)點(diǎn)擊-圖片順時(shí)針旋轉(zhuǎn)切換+展開(有彈窗)
編號(hào)：11803（組件）
組件：視差滑動(dòng)-左滑(只用于四組)-Apple同款
編號(hào)：11262（組件）
04
康師傅喝開水
《職場(chǎng)人已經(jīng)玩到next level了！》
▲GIF演示
「點(diǎn)擊展開」瞧瞧職場(chǎng)人的聊天記錄，「點(diǎn)擊彈出」查看聊天記錄內(nèi)容，借此宣傳康師傅喝開水，吸引更多客戶傳播并購買。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊展開(可嵌套展開,固寬)
編號(hào)：10875（組合）
組件：點(diǎn)擊彈出-彈出圖片(有觸發(fā)區(qū))
編號(hào)：10069（組件）
05
UGG官方
《Next Level的爆改UGG，進(jìn)來學(xué)！》
▲GIF演示
「點(diǎn)擊切換GIF后伸縮式展開」介紹Next Level的爆改UGG各款的小棉鞋，借此宣傳UGG，吸引更多客戶購買體驗(yàn)。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF+伸縮式展開(有觸發(fā)區(qū))
編號(hào)：10862（組合）
組件：雙層滑動(dòng)-前景左滑(自動(dòng)對(duì)齊)
編號(hào)：10270（組件）
06
Colorkey珂拉琪
《這波唇妝進(jìn)階局，邀你進(jìn)入Next level》
▲GIF演示
「點(diǎn)擊切換后展開」介紹珂拉琪采用智感調(diào)節(jié)技術(shù)推出的新款唇釉，「點(diǎn)擊切換后滑動(dòng)」展示唇色美學(xué)，借此宣傳珂拉琪品牌，吸引更多客戶購買。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF動(dòng)圖+展開(可嵌套,有觸發(fā)區(qū),固寬)
編號(hào)：10935（組合）
組合：點(diǎn)擊展開(有觸發(fā)區(qū))
編號(hào)：10051（組合）
組件：單層滑動(dòng)-上滑(支持多張)
編號(hào)：10200（組件）
07
康師傅干脆面
《這個(gè)夏天已經(jīng)next level》
▲GIF演示
康師傅干脆面通過「連續(xù)點(diǎn)擊翻頁切換」的交換模擬揭秘不同場(chǎng)景，最后推出文末福利活動(dòng)，吸引讀者前往購買。
交互對(duì)應(yīng)編輯器組件/組合
組件：連續(xù)點(diǎn)擊-開門切換圖片(翻頁、左下)
編號(hào)：11107（組件）
08
文墨wenmo
《“Skr女孩”的時(shí)髦程度已經(jīng)Next Level》
▲GIF演示
「視差左滑」展示文墨wenmo各個(gè)不同服飾，借此宣稱文墨wenmo品牌，吸引讀者前往挑選。
交互對(duì)應(yīng)編輯器組件/組合
組件：視差滑動(dòng)-左滑(自動(dòng)對(duì)齊、六組)
編號(hào)：10817（組件）
組件：自動(dòng)-輪播Banner
編號(hào)：10207（組件）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦，快來評(píng)論一下吧！
全部評(píng)論（0條）