《3?.8婦女節(jié)SVG交互圖文案例合集》
3月8日國際婦女節(jié)即將到來,這是向所有女性致敬的時刻。
今天給大家整理了8個婦女節(jié)相關(guān)的優(yōu)秀SVG圖文案例,分別來自央視新聞、泰康人壽、豐田中國、OriginOS、長安汽車、局部氣候調(diào)查組、網(wǎng)易噠噠、每日每加。
這些SVG交互案例帶我們一同走進「她」的世界,一起來看看吧!
01
央視新聞?
《送 她 一 顆 小 心 心 ????》
▲GIF演示
「連續(xù)點擊切換多張圖片」模擬點擊小紅心,進入她們的生活,依次展示了不同優(yōu)秀女性的故事,借此祝大家婦女節(jié)快樂。
該交互需定制
02
泰康人壽?
《WoMen不設(shè)限 幸福Tai向前》
▲GIF演示
「連續(xù)點擊鏡頭式放大消失展開」宣傳泰生活App,提及新人注冊有禮,還介紹泰康保險集團為世界500強企業(yè),邀請用戶參與女神節(jié)活動。
交互對應編輯器組件/組合
組合:連續(xù)點擊-鏡頭式放大消失+展開
編號:11842(組合)
03
豐田中國?
《Just For Her 向著美好出發(fā)》
▲GIF演示
在婦女節(jié)之際,豐田通過多個平級「點擊切換后展開」TOYOTA bZ汽車的介紹,「左滑」查看更多視頻介紹,更直觀有趣,為女性推薦合適的汽車。
交互對應編輯器組件/組合
組合:點擊切換圖片+展開(有觸發(fā)區(qū))
編號:10057(組合)
04
OriginOS?
《今天,漲一點「她知識」》
▲GIF演示
在多個平級「點擊展開」模擬用AI回答關(guān)于女性的問題,借此宣傳藍心小V的智慧功能并祝大家婦女節(jié)快樂。
交互對應編輯器組件/組合
組件:加載提示(定時消失遮罩)
編號:11327(組件)
組合:點擊展開(有觸發(fā)區(qū))
編號:10051(組合)
05
長安汽車?
《今日有『女子』事發(fā)生!》
▲GIF演示
「點擊展開」關(guān)于女性的故事,然后多個平級「點擊展開」駕駛阿維塔汽車的精彩故事,借此宣傳長安汽車。
交互對應編輯器組件/組合
組合:點擊展開(可嵌套展開)
編號:10875(組合)
組件:點擊-切換圖片
編號:10005(組件)
06
局部氣候調(diào)查組?
《一份給全人類的婦女節(jié)To-Do List》
▲GIF演示
局部氣候調(diào)查組用「自動層層展開」的交互形式,逐個展示了近100個不一樣的女性心聲,讓人感同身受。
交互對應編輯器組件/組合
組件:自動層層展開 | 《紅了》
編號:11273(組件)
07
網(wǎng)易噠噠?
《那些專屬于女性的「選擇陷阱」》
▲GIF演示
「點擊切換選擇」查看A和B從0-60歲的人生軌跡中不同選擇造成的不同結(jié)果,借此引起大家思考當不幸來襲,該將其歸為偶然,還是背后藏著的系統(tǒng)性不公?
交互對應編輯器組件/組合
組件:點擊-無限選擇切換圖片
編號:11765(組件)
08
每日每加?
《今天,我們選擇撕掉這些標簽》
▲GIF演示
「點擊消除圖片」模擬介紹“標簽效應”,指出女性成長常被貼不合理標簽,鼓勵女性撕掉標簽,最后推出紅包封面,吸引讀者互動領(lǐng)取。
交互對應編輯器組件/組合
組件:點擊-消除圖片
編號:10238(組件)
組合:二列布局 | 兩列布局
編號:10144(組合)
組合:三列布局
編號:10150(組合)
如果以上案例還沒有看夠,可以到「品牌時光機」交互圖文案例庫(網(wǎng)址:brandtime.cn)在節(jié)日分類中選擇「婦女節(jié)」查看更多相關(guān)案例。
目前案例庫總案例數(shù)已達70W+,其中8W+案例支持一鍵還原,制作同款效果非常方便。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)