《橫著看的SVG交互圖文案例合集》
手機豎屏看圖文看倦了?
那么,請把圖文橫過來制作,開啟全新的視覺體驗!
今天為大家整理精選了8篇把手機橫過來看的圖文,分別來自央視新聞、新華社、故宮博物院、西門子家電、石頭科技roborock、起亞Kia 、GQ實驗室、CharlesKeithOfficial,方便大家參考準備相關的推文。
01
央視新聞
《月圓?潮起?美絕?》
▲GIF演示
「點擊月亮」開始移動,伴隨月亮移動軌跡「右滑」查看錢塘江圖,點擊圖中的觸發點沉浸式觀潮,借此邀請大家中秋一起觀潮。
交互對應編輯器組件/組合
02
故宮博物院
《釘!您有一條來自故宮博物院的新消息》
▲GIF演示
點擊故宮博物院的吉祥物「雨燕」和釘釘的吉祥物「釘三多」,跟隨他們的軌跡了解故宮博物院和釘釘簽署的戰略合作協議,共同打造數字化專屬辦公平臺以及數字故宮 。
交互對應編輯器組件/組合
03
西門子家電
《前方高能,一大波親戚來襲(內有紅包雨)》
▲GIF演示
西門子家電巧妙利用「SVG軌跡」移動效果,通過春節串門的背景讓男主將幾種家庭關系一一串聯起來,進門后點擊紅包抽大獎,借此宣傳有家的地方就有西門子家電。
交互對應編輯器組件/組合
04
石頭科技roborock
《去冒險,開啟你的 2023 好運 TU 簽!》
▲GIF演示
點擊開啟尋簽環游記,「滑動」控制兔子移動,點擊掃走煩惱獲得TU簽碎片,借此吸引大家下載TU簽同款表情包。
交互對應編輯器組件/組合
05
起亞Kia
《真的不打算出街?別宅了!》
▲GIF演示
點擊起亞汽車模擬汽車行進,借此宣傳起亞新K3汽車和春日好禮,吸引更多客戶預約試駕。
交互對應編輯器組件/組合
06
GQ實驗室
《原片秒變藝術創作,配方表全公開》
▲GIF演示
GQ實驗室通過「三層上滑」模擬青年人走過一天內的24小時,借此向大家宣傳MINI汽車的精神。
交互對應編輯器組件/組合
07
CharlesKeithOfficial
《牛了個牛》
▲GIF演示
通過「點擊切換GIF+展開」的交互形式模擬進入牧場,根據引導進行游戲,借此展示牧場物語系列產品,吸引大家參與抖音921好物節。
交互對應編輯器組件/組合
組合:點擊切換GIF動圖+展開(有觸發區)
編號:10075(組合)
08
新華社
《杭州→寧波→溫州→湖州→紹興→金華》
▲GIF演示
「上滑」查看亞“韻”Citywalk指南,點擊查看杭州、寧波、溫州、紹興、金華等城市的介紹,吸引大家關注亞運會。
交互對應編輯器組件/組合
組合:上滑組合
編號:11400(組合)
組件:點擊-懸浮彈窗(無限次彈出,不同關閉位置)
編號:11118(組件)
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)