五一圖文咋出彩？看這 8 篇！
剛過完清明小長假，是不是開始盤算五一假期啦？
五一勞動(dòng)節(jié)，承載著對所有勞動(dòng)者辛勤付出的崇高敬意。在這個(gè)充滿意義的節(jié)日里，眾多品牌都渴望脫穎而出，可怎樣才能做到呢？
別擔(dān)心，我們精心整理了8篇極具創(chuàng)意的品牌SVG交互圖文案例，它們分別來自人民日報(bào)、最高人民檢察院、人民網(wǎng)、建信基金、抖音、HarmonyOS、CONVERSE中國、養(yǎng)樂多，一起看下吧！
往年勞動(dòng)節(jié)合集戳：
用SVG交互的方式打開五一，央視、味全等8個(gè)勞動(dòng)節(jié)案例來了
01
人民日報(bào)
《 今天，這條微信送給你》
▲GIF演示
五一勞動(dòng)節(jié)當(dāng)天，「自動(dòng)呈現(xiàn)」文字動(dòng)畫，引導(dǎo)大家「連續(xù)點(diǎn)擊旋轉(zhuǎn)切換」查看不同時(shí)間段和職業(yè)的工作場景，致敬勞動(dòng)者。
該交互需定制
類似編輯器可實(shí)現(xiàn)的效果，可使用「 連續(xù)點(diǎn)擊-圖片順時(shí)針旋轉(zhuǎn)切換同時(shí)切換背景和前景(下)」組件（編號：11942）制作。
02
最高人民檢察院
《模擬訓(xùn)練!這些假期出游雷區(qū)，別踩》
▲GIF演示
「點(diǎn)擊展開」進(jìn)入五一出游模擬演練，接著通過層層「點(diǎn)擊答題展開」的交互，向大家展示假期出游中容易遇到的雷區(qū)，并普及相關(guān)“避雷”知識。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊展開(可嵌套)
編號：10875（組合）
組合：點(diǎn)擊消失+展開(可嵌套展開,有觸發(fā)區(qū))
編號：11848（組合）
03
人民網(wǎng)
《 節(jié)日快樂! 》
▲GIF演示
「視差上滑」查看不同職業(yè)人群的勞動(dòng)搭子，最后「連續(xù)點(diǎn)擊切換」展示不同職業(yè)頭像背后相應(yīng)的勞動(dòng)搭子，借此吸引大家對號入座并祝大家勞動(dòng)節(jié)快樂。
該交互需定制
04
建信基金
《【3萬個(gè)紅包】五一特輯|這是__的手？ 》
▲GIF演示
多個(gè)平級「連續(xù)點(diǎn)擊切換消失后展開」不同勞動(dòng)者手部畫像背后的投數(shù)介紹，最后引出建信基金福利活動(dòng)，向勞動(dòng)者致敬并祝勞有所獲。
交互對應(yīng)編輯器組件/組合
組合：連續(xù)點(diǎn)擊切換圖片+消失展開(有觸發(fā)區(qū))
編號：10469（組合）
05
抖音
《生活的樂章，來自每一個(gè)崗位的微光 》
▲GIF演示
「點(diǎn)擊切換后播放音頻并展開」講述在抖音中無數(shù)創(chuàng)作者用鏡頭記錄自己的工作瞬間，模擬彈奏生活的樂章，借此祝大家五一快樂。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換圖片+播放音頻+展開
編號：11361（組合）
組件：點(diǎn)擊-懸浮彈窗(無限次彈出,不同關(guān)閉位置)
編號：11118（組件）
組件：視頻號-原生卡片(調(diào)整寬度,添加背景圖)
編號：10751（組件）
06
HarmonyOS
《5.1勞動(dòng)節(jié)|快樂的N種打開方式 》
▲GIF演示
「點(diǎn)擊消失展開」模擬打開不一樣的快樂五一假期，然后根據(jù)場景多個(gè)平級「點(diǎn)擊播放GIF動(dòng)畫」查看HarmonyOS的功能使用方式。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)
編號：11186（組合）
組件：點(diǎn)擊-切換GIF動(dòng)圖
編號：10086（組件）
07
CONVERSE中國
《五一朋友圈看起來…挺“浪”的！》
▲GIF演示
「點(diǎn)擊消失后展開」模擬打開五一小長假的朋友圈，其中穿插介紹著的CONVERSE服飾，最后吸引大家報(bào)名線下活動(dòng)。
交互對應(yīng)編輯器組件/組合
組合：點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)
編號：11186（組合）
組合：點(diǎn)擊-無限選擇切換圖片(帶返回)
編號：11161（組件）
08
養(yǎng)樂多
《 五一就要這么玩！》
▲GIF演示
「長按抽簽」模擬不同的生成器，借此圍繞五一假期展開，為有選擇困難癥的讀者提供了一系列趣味選項(xiàng)，并強(qiáng)調(diào)有養(yǎng)樂多相伴能活力玩轉(zhuǎn)五一，借此宣傳養(yǎng)樂多。
交互對應(yīng)編輯器組件/組合
組件：祈福簽-長按輪播,松手停止
編號：10134（組件）
如果以上案例還沒有看夠，可以到「品牌時(shí)光機(jī)」交互圖文案例庫（網(wǎng)址：brandtime.cn）在節(jié)日分類中搜索「勞動(dòng)節(jié)」查看更多相關(guān)案例。
目前案例庫總案例數(shù)已達(dá)80W+，其中8W+案例支持一鍵還原，制作同款效果非常方便。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）