《清明節SVG交互圖文案例合集》
清明,是一個節氣,也是一個節日。對上班族來說,它還是一個假期。
節氣上我們適合踏青賞春,節日上則是掃墓祭祖,如果僅僅當做一個假期則可以吃喝玩樂。
清明將至,制作清明圖文,我們該如何創作?
今天給大家整理了8篇清明SVG交互推文案例,分別來自央視新聞、TCL官方、長安汽車、愛尚三里屯、網易蛋仔派對、廣州日報、大眾進口汽車、局部氣候調查組,一起看下吧!
往年清明節合集戳:
《清明節SVG交互圖文案例合集》
央視新聞、中國政府網等8個清明節案例提前看,踏青祭祖都實用!
01
央視新聞?
《 山河記得,我們記得!》
▲GIF演示
在清明節之際,央視新聞通過引導大家「點擊切換圖片后展開并播放音頻」緬懷眾多為國家和人民做出卓越貢獻與犧牲的英雄人物。
交互對應編輯器組件/組合
組合:點擊切換圖片+播放音頻+展開
編號:11361(組合)
02
TCL官方?
《 清明上河圖暗藏玄機?》
▲GIF演示
TCL官方以「自動播放GIF后點擊展開」的交互方式介紹了“清明上河圖 1 億點點細節”,然后點擊或者上滑查看圖中的細節,借此宣傳TCL OD Zero Mini LED。
交互對應編輯器組件/組合
03
長安汽車?
《 查收你的清明隨心「行」攻略 》
▲GIF演示
通過「點擊彈窗」的交互方式分別展示各個顏色的長安汽車,「長按」切換由遠及近的春日風景,借此宣傳長安汽車。
交互對應編輯器組件/組合
04
愛尚三里屯?
《 “哦莫”!!在「清明上河圖」里開盲盒????? 》
▲GIF演示
「點擊切換后展開」列舉了《清明上河圖》中的人物、房屋、船、店鋪等元素數量,依次「點擊切換」查看背后的心聲。
交互對應編輯器組件/組合
組合:點擊切換圖片+播放音頻+展開
編號:11361(組合)
組件:點擊-瞬間切換圖片(多張,有觸發區)
編號:10066(組件)
05
網易蛋仔派對?
《 未讀消息99+ 》
▲GIF演示
「點擊上移切換后展開」蛋仔島踏青之旅,多個平級「點擊切換」查看蛋仔島上推薦的清明打卡地,吸引大家打開游戲一起踏青。
交互對應編輯器組件/組合
組合:點擊向上移出切換圖片+展開
編號:10995(組合)
組件:點擊-切換圖片(有觸發區)
編號:10043(組件)
06
廣州日報?
《 我們,一直記得........ 》
▲GIF演示
在清明節,「點擊播放音頻」后沉浸式「點擊圓圈式放大切換」模擬獻花,借此緬懷先烈。
交互對應編輯器組件/組合
組件:點擊播放音頻同時切換GIF動圖(需上傳素材,防誤觸,不可轉載)
編號:10105(組件)
組件:點擊-中心圓形擴大切換
編號:11084(組件)
07
大眾進口汽車?
《 景 明 心 清 》
▲GIF演示
清明時節,大眾汽車途銳通過「背景左滑」的交互方式模擬探索不同春景,借此吸引更多客戶試駕大眾途銳汽車。
交互對應編輯器組件/組合
組合:長屏左滑組合(自動對齊)
編號:10868(組合)
組件:遮罩
編號:10829(組件)
組件:小程序-圖片(無角標)
編號:10015(組件)
08
局部氣候調查組?
《 “明天,請給我燒部switch 2” 》
▲GIF演示
在讀者依次查看了局部紙扎超時的貨品后,「點擊向上擦除切換」模擬切換魂魄視角,借此科普清明習俗。
交互對應編輯器組件/組合
組件:點擊-向上擦除切換(多張圖)
編號:11416(組件)
?
如果以上案例還沒有看夠,可以到「品牌時光機」交互圖文案例庫(網址:brandtime.cn)在節日分類中選擇「清明節」查看更多相關案例。
目前案例庫總案例數已達80W+,其中8W+案例支持一鍵還原,制作同款效果非常方便。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)