《春游踏青SVG交互圖文案例合集》
春已至，心向野，是時候奔赴自然懷抱！別再做常規出游推文了！
為大家整理了八篇新奇有趣的SVG交互案例，讓春日驚喜連連。
它們分別來自雷克薩斯中國、東風奕派、Babycare、一汽奔騰、特侖蘇 、真果粒、檸季手打檸檬茶、匯添富基金CUAM一起看下吧！
往年春日合集戳：
01
雷克薩斯中國?
《 一劃，入春 》
▲GIF演示
「視差左滑」模擬劃動查看更多春日風景的美色，借此宣傳汽車美照并吸引更多客戶試駕。
交互對應編輯器組件/組合
組件：視差滑動-左滑(自動對齊、兩組)
編號：10813（組件）
組件：遮罩
編號：10829（組件）
02
東風奕派?
《“奕”起去春游，把快樂加滿!》
▲GIF演示
「連續點擊鏡頭式放大消失展開」介紹了eπ008全新六座Ultra版的車機配置，其搭載eπOS 2.0，配備大尺寸高清中控屏和組合儀表屏，具備多維度自定義車機操控功能，可帶來個性化智能體驗，最后邀請讀者到店試駕品鑒。
交互對應編輯器組件/組合
組合：連續點擊-鏡頭式放大消失+展開
編號：11842（組合）
03
Babycare?
《春季新品 | 上新一座游樂場 》
▲GIF演示
「上滑」模擬精靈小人乘著綠葉滑翔傘降落的情景，過程中可以「點擊切換查看」Babycare春季限定系列套裝的介紹，吸引大家評論#你最喜歡哪款春季限定#話題，從而領取禮品。
交互對應編輯器組件/組合
組合： 三層上滑組合
編號： 11761（組合）
04
特侖蘇?
《驚蟄｜更好生命力，在沙漠綠洲里》
▲GIF演示
「點擊播放雨聲的音頻并展開」沙漠綠洲的美景，「點擊切換」查看其中的草原元素相應的牛奶元素，借此吸引大家打開特侖蘇官方商城。
交互對應編輯器組件/組合
組合：點擊切換圖片+播放音頻+展開
編號：11361（組合）
組件：點擊-切換GIF動圖(有觸發區)
編號：10087（組件）
05
真果粒?
《真果粒春日踏青集》
▲GIF演示
真果粒使用「點擊展開」的交互引導大家帶上真果粒酸奶踏青賞春，「連續點擊切換」為漫畫人物帶上真果粒酸奶，有趣又有互動感。
交互對應編輯器組件/組合
組合：點擊展開(有觸發區)
編號：10051（組合）
組件：連續點擊-切換多張GIF動圖(小程序無角標)
編號：10157（組件）
06
檸季手打檸檬茶?
《3!2!1!上車!-起「櫻joy」》
.▲GIF演示
「點擊消失后展開」櫻花季開展系列活動的介紹，「背景左滑」模擬開啟櫻花之旅，「上滑」展示更多站點，最后邀請讀者在評論區分享夢想中的春日模樣。
交互對應編輯器組件/組合
組合：點擊消失+展開(設置觸發區域)
編號：11186（組合）
組件：夾層滑動-左滑(三層滑動中間左滑,支持多張圖)
編號：10239（組件）
07
匯添富基金CUAM?
《留言有獎丨春天在哪里？》
▲GIF演示
「點擊上移切換」模擬尋找春天，然后「上滑」分享不同人眼中的春天，最后邀請讀者分享眼中的春天。
交互對應編輯器組件/組合
組合：點擊上移切換組合
編號：11788（組合）
組件：雙層滑動-前景上滑(支持多張)
編號：10203（組件）
08
上汽MG名爵汽車?
《 這個春天，想開了 》
▲GIF演示
「上滑」引出“這個春天，想開____了”的話題，鼓勵年輕人通過不同平臺參與互動，借此宣傳上汽MG名爵汽車。
交互對應編輯器組件/組合
組件： 雙層滑動-前景上滑(支持多張)
編號： 10203（組件）
如果以上案例還沒有看夠，可以到「品牌時光機」交互圖文案例庫（網址：brandtime.cn）在首頁中搜索「春日」查看更多相關案例。
目前案例庫總案例數已達80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）