又快到一年一度的520節(jié)日

你準(zhǔn)備好表白對(duì)象了嗎 ？

準(zhǔn)備了發(fā)自肺腑的言語還是精心設(shè)計(jì)的活動(dòng) ？

今天收集了一波歷年各大品牌大膽示愛的創(chuàng)意套路

不如來看看他們?nèi)绾螏Ыo人 "怦然心動(dòng)" 的吧 !

一、騰訊產(chǎn)業(yè)互聯(lián)網(wǎng)

高度展開+控制GIF播放

前部分模擬微信拍一拍效果，引導(dǎo)用戶閱讀。下文通過圖文緩慢展開控制 GIF 播放，使動(dòng)畫線性呈現(xiàn)。高度展開和控制gif播放的精確配合，把控交互和用戶閱讀的細(xì)節(jié)處理，讓用戶閱讀速度吻合得恰到好處，契合精細(xì)設(shè)計(jì)的? "告白" 引人入勝。

二、寶馬中國(guó)

連續(xù)點(diǎn)擊觸發(fā)GIF

主要使用連續(xù)點(diǎn)擊切換 GIF 的技術(shù)框架，其中也作了特別的處理。設(shè)置圖層從畫面外移入，得到 GIF 從第一幀開始播放的效果。其次設(shè)計(jì)視覺范圍從大到小的層層遞進(jìn)展示情人間空間距離的縮短，呼應(yīng)疫情背景的社交狀態(tài)，直至最后出現(xiàn) "0M" 融合品牌 logo 的浮現(xiàn)，巧妙傳達(dá)了寶馬為情人送去愛無界限的真摯祝福。

三、中國(guó)鐵建地產(chǎn)集團(tuán)

擬態(tài)關(guān)閉彈窗效果+圖文高度展開

情書同樣是表達(dá)愛意的一種浪漫表白。這里運(yùn)用了情書元素，引導(dǎo)用戶一封封點(diǎn)擊閱讀將氛圍鋪墊，結(jié)合圖文的高度展開，帶出最終驚喜。這一系列的交互組合，延長(zhǎng)了獲取信息的路徑，調(diào)動(dòng)用戶好奇心，同時(shí)為最后的驚喜鋪墊拉滿期待值，真是不折不扣的 "表白" 套路。

四、五芳齋

創(chuàng)意互動(dòng)，擬態(tài)自動(dòng)販賣機(jī)

告白除了感人肺腑的言語，也會(huì)準(zhǔn)備精心設(shè)計(jì)的禮物。本文中五芳齋運(yùn)用自動(dòng)販賣機(jī)的創(chuàng)意設(shè)計(jì)，通過選擇售貨機(jī)上的 icon，機(jī)器自動(dòng)吐出海報(bào)獲取驚喜。從內(nèi)容上，其實(shí)也滿足品牌展示若干產(chǎn)品的需求，以創(chuàng)意互動(dòng)的形式達(dá)到信息的有效轉(zhuǎn)化，升級(jí)了品牌利用節(jié)日熱點(diǎn)的營(yíng)銷空間。

五、BMW感情狀態(tài)已更新

擬微信狀態(tài)，下拉出視頻，展示折疊信息

5.20 除了緊張表白，還可以大膽官宣。

在本篇同樣為寶馬中國(guó)設(shè)計(jì)開發(fā)的圖文中，擬態(tài)微信狀態(tài)新功能，通過下拉操作查看狀態(tài)主頁(yè)圖的效果。利用上下動(dòng)態(tài)彈跳的 GIF 引導(dǎo)用戶產(chǎn)生互動(dòng)，配合視覺變化給予用戶 "下拉" 效果的同步反饋，便覺得耳目一新，實(shí)現(xiàn)具有創(chuàng)意的互動(dòng)效果。結(jié)合 "520" 的熱點(diǎn)不妨學(xué)學(xué)寶馬，將感情狀態(tài)大膽更新。

六、WEYSUV

浮層位移

在這篇早期交付 WEYSUV 的推送里，顯而易見是運(yùn)用了浮層位移動(dòng)畫。隨著元素的移動(dòng)方向引導(dǎo)用戶閱讀，并確保元素移動(dòng)在用戶視覺范圍，最后停留指定位置。同時(shí)與為愛大膽奔赴的主題相互呼應(yīng)，畫面設(shè)計(jì)和主題的配合助推用戶快速獲取圖文信息。