《車(chē)展SVG交互圖文案例合集》
如何將傳統(tǒng)的車(chē)展轉(zhuǎn)化為引人入勝的線(xiàn)上體驗(yàn)？
SVG交互圖文讓車(chē)展在屏幕上躍然而出，每一個(gè)細(xì)節(jié)都讓你仿佛置身現(xiàn)場(chǎng)，感受汽車(chē)帶來(lái)的震撼！
北京車(chē)展舉行在即，今天為大家精心挑選了8篇車(chē)展SVG圖文案例，分別來(lái)自長(zhǎng)安汽車(chē)、瑪莎拉蒂中國(guó)、梅賽德斯-AMG、林肯汽車(chē)、上汽通用汽車(chē)、路虎中國(guó)、雷克薩斯中國(guó)、別克。
往年整理案例：
《上海車(chē)展進(jìn)行時(shí)，來(lái)看英菲尼迪、雪佛蘭等8篇圖文如何吸引車(chē)粉目光？》
01
長(zhǎng)安汽車(chē)
《Hey，長(zhǎng)安汽車(chē)請(qǐng)你看冬天的第一場(chǎng)車(chē)展》
▲GIF演示
「點(diǎn)擊左移切換」接收長(zhǎng)安汽車(chē)的邀請(qǐng)函，然后根據(jù)提示依次「輸入密碼」解鎖展開(kāi)長(zhǎng)安汽車(chē)的絕密情報(bào)，「左滑」查看更多產(chǎn)品亮點(diǎn)與品牌魅力，從而吸引大家前往廣州國(guó)際汽車(chē)展覽會(huì)。
該交互需定制
02
瑪莎拉蒂中國(guó)
《你和瑪莎拉蒂發(fā)布會(huì)，只有一個(gè)Chat的距離》
▲GIF演示
結(jié)合最近大火的ChatGPT熱點(diǎn)，瑪莎拉蒂通過(guò)「點(diǎn)擊展開(kāi)」的交互依次向大家介紹瑪莎拉蒂中國(guó)汽車(chē)各個(gè)細(xì)節(jié)，提供逐層深入探索的閱讀體驗(yàn)，吸引大家購(gòu)買(mǎi)。
該交互需定制
03
梅賽德斯-AMG
《點(diǎn)擊接受這項(xiàng)特殊任務(wù)》
▲GIF演示
「點(diǎn)擊消失后展開(kāi)」梅賽德斯-AMG的信息和特殊任務(wù)，「背景左滑」展示上海車(chē)展，從而宣傳梅賽德斯-AMG汽車(chē)，吸引大家觀展。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(kāi)(設(shè)置觸發(fā)區(qū)域)
編號(hào)：11186（組合）
組件：夾層滑動(dòng)-左滑
編號(hào)：10239（組件）
04
林肯汽車(chē)
《不好意思，展臺(tái)也卷王了》
▲GIF演示
林肯汽車(chē)通過(guò)「點(diǎn)擊展開(kāi)」的SVG交互設(shè)計(jì)提供創(chuàng)新的觀展體驗(yàn)，「前景左滑」或「懸浮彈窗」查看林肯展臺(tái)，提升品牌形象與信息傳達(dá)效率，從而吸引大家預(yù)約試駕。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換圖片+展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10057（組合）
組件：點(diǎn)擊-懸浮彈窗(無(wú)限次彈出,相同關(guān)閉位置)
編號(hào)：11114（組件)
組件：雙層滑動(dòng)-前景左滑點(diǎn)此免費(fèi)領(lǐng)取
編號(hào)：10018（組件）
05
上汽通用汽車(chē)
《上汽通用汽車(chē)想要共享一組車(chē)展大片》
▲GIF演示
上汽通用汽車(chē)運(yùn)用「點(diǎn)擊展開(kāi)」的SVG交互效果展示車(chē)展大片，提供沉浸式觀賞體驗(yàn)，突顯品牌創(chuàng)新精神。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊展開(kāi)（可嵌套展開(kāi)，固寬）
編號(hào)：10875（組合）
組件：雙層滑動(dòng)-前景左滑(自動(dòng)對(duì)齊)
編號(hào)：10270（組件）
組件：自動(dòng)-撲克牌切換,向左
編號(hào)：10576（組件）
06
路虎中國(guó)
《路虎全新車(chē)型登陸2023上海車(chē)展》
▲GIF演示
通過(guò)將手機(jī)鎖屏后逆時(shí)針旋轉(zhuǎn)90度來(lái)瀏覽橫屏內(nèi)容，「背景左滑」查看路虎全新車(chē)型，打造沉浸式觀展體驗(yàn)。
交互對(duì)應(yīng)編輯器組件/組合
組件：雙層滑動(dòng)-背景左滑(自動(dòng)對(duì)齊)
編號(hào)：10273（組件）
組件：視頻號(hào)-圖片點(diǎn)此免費(fèi)領(lǐng)取編號(hào)：10228（組件）
07
雷克薩斯中國(guó)
《巴適！成都國(guó)際車(chē)展耍起》
「點(diǎn)擊彈出」揭秘盲盒對(duì)應(yīng)的雷克薩斯新車(chē)型，激發(fā)大家的探索欲，吸引更多客戶(hù)觀展并購(gòu)買(mǎi)。
交互對(duì)應(yīng)編輯器組件/組合
組件：點(diǎn)擊彈出-彈出圖片(設(shè)置多個(gè)觸發(fā)區(qū))點(diǎn)此免費(fèi)領(lǐng)取編號(hào)：10100（組件）
08
別克
《哆啦A夢(mèng)與你貼貼，快來(lái)廣州車(chē)展別克展臺(tái)圍觀！》
「左滑」查看車(chē)身側(cè)面，「右滑」解鎖車(chē)機(jī)壁紙，最后「點(diǎn)擊切換」查看哆啦A夢(mèng)的菜單，借此宣傳別克展臺(tái)以及與哆啦A夢(mèng)聯(lián)名款的主題展車(chē)，從而吸引大家預(yù)約試駕。
交互對(duì)應(yīng)編輯器組件/組合
組件：雙層滑動(dòng)-前景左滑(自動(dòng)對(duì)齊)
編號(hào)：10270（組件）組件：雙層滑動(dòng)-前景右滑(自動(dòng)對(duì)齊)
編號(hào)：10271（組件）
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(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)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）