用SVG交互的方式打開(kāi)五一，央視、味全等8個(gè)勞動(dòng)節(jié)案例來(lái)了
五一小長(zhǎng)假當(dāng)然是怎么happy怎么來(lái)！包括五一的宣傳圖文也是各種樂(lè)呵呵~
但對(duì)于許多伙伴來(lái)說(shuō)，思考五一圖文怎么做的過(guò)程卻不是那么快樂(lè)。
所以今天推薦給大家央視新聞、味全、費(fèi)森尤斯卡比中國(guó)、ColorOS、優(yōu)酸乳、榮耀手機(jī)、廣州日?qǐng)?bào)、有趣青年的五一勞動(dòng)節(jié)優(yōu)秀圖文，提前祝大家五一快樂(lè)吧！
同時(shí)，我們打包了這8個(gè)五一勞動(dòng)節(jié)案例的所有鏈接和素材，另外還有去年的31個(gè)案例，添加下方微信回復(fù)關(guān)鍵詞【五一】即可領(lǐng)取。回復(fù)【案例庫(kù)】還可領(lǐng)取品牌時(shí)光機(jī)案例庫(kù)1個(gè)月會(huì)員，23萬(wàn)多案例暢快搜。
01
央視新聞
《今天，祝你節(jié)日快樂(lè)！》
▲GIF演示
央視新聞通過(guò)「密碼解鎖展開(kāi)」的交互形式模擬手機(jī)輸入框，依次點(diǎn)擊顯示出給勞動(dòng)者們的祝福話語(yǔ)：”致敬平凡而偉大的你“，最后點(diǎn)擊發(fā)送出現(xiàn)海報(bào)，借此祝大家勞動(dòng)節(jié)快樂(lè)。
交互對(duì)應(yīng)編輯器組件/組合
組合：密碼解鎖展開(kāi)(可設(shè)置點(diǎn)擊動(dòng)畫(huà)&觸發(fā)區(qū)域)
編號(hào)：10473（組合）
02
費(fèi)森尤斯卡比中國(guó)
《費(fèi)家尋人之旅 | 最美勞動(dòng)者圖鑒》
??
▲GIF演示
點(diǎn)擊小人模擬小森以“觀察員”的身份走到城市的各個(gè)角落開(kāi)始“尋人之旅”，依次經(jīng)過(guò)醫(yī)院、機(jī)場(chǎng)、工廠等地方，帶大家看完“勞動(dòng)者”們工作的常態(tài)，借此致敬每一位勞動(dòng)者。
該交互需定制。
03
味全
《五一 | 測(cè)一測(cè)適合你的旅游地》
▲GIF演示
味全看似是引導(dǎo)大家點(diǎn)擊選項(xiàng)測(cè)一測(cè)最適合的五一旅游目的地，實(shí)際上是宣傳味全好喝椰是由印尼椰漿和越南進(jìn)口椰子水制作而成的美味，和大家互動(dòng)的同時(shí)又巧秒地宣傳了飲料。
交互對(duì)應(yīng)編輯器組件/組合
組件：點(diǎn)擊-選擇切換圖片
編號(hào)：11142（組件）
組合：點(diǎn)擊展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10051（組合）
組件：雙層滑動(dòng)-背景左滑(自動(dòng)對(duì)齊)
編號(hào)：10273（組件）
04
ColorOS
《一鍵切換「假期模式」》
▲GIF演示
「點(diǎn)擊切換GIF動(dòng)圖+展開(kāi)」模擬關(guān)閉工作模式中的功能，一鍵開(kāi)啟假期模式，借此宣傳ColorOS的手機(jī)功能。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊切換GIF動(dòng)圖+展開(kāi)(可嵌套展開(kāi),有觸發(fā)區(qū),固寬)
編號(hào)：10935（組合）
組合：點(diǎn)擊切換GIF動(dòng)圖+展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10075（組合）
05
優(yōu)酸乳
《用_____的方式打開(kāi)五一》
▲GIF演示
「點(diǎn)擊切換GIF動(dòng)圖+展開(kāi)」五一假期攻略，推薦大家參與乳汽掃碼贏紅包活動(dòng)并吸引大家互動(dòng)送出假期福利。
交互對(duì)應(yīng)編輯器組件/組合
組合：點(diǎn)擊展開(kāi)(可嵌套展開(kāi),固寬)
編號(hào)：10875（組合）
組合：點(diǎn)擊展開(kāi)(有觸發(fā)區(qū))
編號(hào)：10051（組合）
06
榮耀手機(jī)
《劃重點(diǎn)！假期一定要開(kāi)啟這項(xiàng)手機(jī)設(shè)置》
▲GIF演示
五一假期出行前，榮耀手機(jī)通過(guò)「層層展開(kāi)」玩機(jī)新姿勢(shì)的介紹，為大家介紹查找設(shè)備功能的使用流程，避免大家出行途中手機(jī)不慎丟失找不回的情況，方便大家輕松查找。
交互對(duì)應(yīng)編輯器組件/組合
組合：自動(dòng)層層展開(kāi)(有抖動(dòng))
編號(hào)：11426（組合）
07
廣州日?qǐng)?bào)
《今天，一起重溫！》
廣州日?qǐng)?bào)通過(guò)「放映機(jī)」的交互形式帶大家重溫廣州工人運(yùn)動(dòng)史，吸引大家「點(diǎn)擊展開(kāi)」一處處工運(yùn)紅色舊址的介紹。
交互對(duì)應(yīng)編輯器組件/組合
組件：放映機(jī)-音效、光效、切換GIF動(dòng)圖(防誤觸)
編號(hào)：10215（組件）
組件：點(diǎn)擊展開(kāi),點(diǎn)擊收回(支持多張，無(wú)限循環(huán))
編號(hào)：10264（組件）
08
有趣青年
《五一出門(mén)的人是瘋了嗎？？？》
「背景上滑」模擬拉著行李箱的小人穿越機(jī)場(chǎng)，感受五一出門(mén)的“人擠人”盛況，借此祝大家假期快樂(lè)，跟大家互動(dòng)。
交互對(duì)應(yīng)編輯器組件/組合
組件：雙層滑動(dòng)-背景上滑(支持多張)
編號(hào)：10145（組合）
以上案例分享如果你覺(jué)得有用的話記得點(diǎn)個(gè)在看或轉(zhuǎn)發(fā)到朋友圈和朋友們一起看！
如果以上案例還沒(méi)有看夠，可以到「品牌時(shí)光機(jī)」交互圖文案例庫(kù)（網(wǎng)址：brandtime.cn）點(diǎn)擊「勞動(dòng)節(jié)」查看更多相關(guān)案例。
目前案例庫(kù)總案例數(shù)已達(dá)23w+，其中2W+案例支持一鍵還原，制作同款效果非常方便。
現(xiàn)在掃碼添加客服還可免費(fèi)領(lǐng)取15天的案例庫(kù)會(huì)員權(quán)限
掃碼添加客服
領(lǐng)取「品牌時(shí)光機(jī)」案例庫(kù)會(huì)員
轉(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條）