《世界讀書日SVG交互圖文案例合集》
當(dāng)世界讀書日遇上SVG交互圖文,知識與樂趣交織,很適合用來吸引愛讀書的用戶關(guān)注。
今天為大家精心挑選了8篇世界讀書日SVG圖文案例,分別來自Airbnb愛彼迎、沃爾沃汽車、歐拉汽車、安慕希、海爾集團(tuán)、穩(wěn)健醫(yī)療、華為終端、長安馬自達(dá),每一個細(xì)節(jié)都充滿了驚喜。
01
Airbnb愛彼迎
《讀萬卷書,行萬里路,在這兒合體了肉》
▲GIF演示
「點擊切換」開始閱讀,然后依次「點擊抽屜式切換」查看如何將閱讀和旅行結(jié)合在一起,從而推薦書單和互動,呼吁大家多讀書。
該交互需定制
02
穩(wěn)健醫(yī)療
《這是一本書,也不僅僅是一本書》
▲GIF演示
「點擊展開」講解穩(wěn)健醫(yī)療品牌對書籍的看法和解讀,從而對書籍內(nèi)容的深入分析、對作者的解讀以及對讀者的啟發(fā),從而宣傳穩(wěn)健醫(yī)療。
該交互需定制
03
沃爾沃汽車
《世界讀書日 | 每一種閱歷,都值得被守護(hù)》
▲GIF演示
「點擊展開」的同時模擬推動汽車行駛,一一講解沃爾沃汽車品牌在世界讀書日期間的活動和理念,倡導(dǎo)大家對知識的尊重以及對個體閱歷的珍視。
交互對應(yīng)編輯器組件/組合
組合:點擊展開點此免費(fèi)領(lǐng)取
編號:10307(組合)
組件:遮罩
編號:10829(組件)
組件:點擊-懸浮彈窗(彈跳出現(xiàn),無限次彈出,不同關(guān)閉位置)
編號:11792(組件)
04
歐拉汽車
《春光美如斯,正是讀書時》
▲GIF演示
「點擊消失后展開」歐拉汽車品牌在春季讀書期間的活動和理念,「點擊抽屜式切換」查看該活動與讀者分享閱讀的樂趣并傳遞品牌的價值觀和理念。
交互對應(yīng)編輯器組件/組合
組合:點擊消失+展開(設(shè)置觸發(fā)區(qū)域)點此免費(fèi)領(lǐng)取
編號:11186(組合)
組件:點擊-抽屜切換圖片(無限次往返,有觸發(fā)區(qū),左)
編號:11123(組件)
05
安慕希
《讀書日,我們和粉絲一起出了一本書》
▲GIF演示
「點擊展開」書籍內(nèi)容的介紹、與粉絲互動的過程以及品牌的價值觀,「左滑」查看《藏在口袋里的故事》,從而宣傳安慕希。
交互對應(yīng)編輯器組件/組合
組合:點擊展開(有觸發(fā)區(qū))
編號:10051(組合)
組件:雙層滑動-前景左滑點此免費(fèi)領(lǐng)取
編號:10018(組件)
06
海爾集團(tuán)
《世界讀書日 | 一起“翻閱”海爾園》
「連續(xù)點擊翻頁切換」查看海爾集團(tuán)在讀書日期間的活動和理念,倡導(dǎo)大家尊重知識,從而提升海爾的品牌形象。
交互對應(yīng)編輯器組件/組合
組件:連續(xù)點擊-開門切換圖片(翻頁、左下、有觸發(fā)區(qū))
編號:11385(組件)
07
華為終端
《關(guān)于讀書,我有一“記”》
▲GIF演示
「視差左滑」查看美的品牌在環(huán)保方面的努力和行動以及美的品牌的節(jié)能、減排、可持續(xù)發(fā)展規(guī)劃,吸引大家前往購買。
交互對應(yīng)編輯器組件/組合
組件:視差滑動-左滑(自動對齊、只用于兩組)
編號:10813(組件)
08
長安馬自達(dá)
《世界讀書日,一起讀本好書”》
長安馬自達(dá)在世界讀書日通過「點擊開門切換」的交互形式,向大家分享馬達(dá)匠的書單,借此展示馬自達(dá)車輛的構(gòu)造和性能,吸引更多客戶購買。
交互對應(yīng)編輯器組件/組合
組件:點擊-開門切換圖片
編號:10195(組件)
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標(biāo)注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)