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