小編帶著上一周的案例匯總奔你而來啦，本周匯總雖然晚點(diǎn)但絕不缺席。話不多說，下面一起來看看上周「小編備用」交付了哪些有趣的圖文推送吧～

1. 多組展開

三段旅程 無(wú)數(shù)可能--梅賽德斯-奔馳

梅賽德斯奔馳這篇圖文中，通過使用多組高度展開效果將信息半折疊隱藏，自然引導(dǎo)用戶點(diǎn)擊觸發(fā)。在展開效果里，將橫版視頻精準(zhǔn)定位到圖文之中，配合優(yōu)秀的設(shè)計(jì)協(xié)調(diào)整體畫面感。同時(shí)分層展示不同車型信息，使整篇圖文條理清晰閱讀流暢。

2.創(chuàng)意交互- BUG彈窗效果

別問，問就是想-寶馬中國(guó)

寶馬中國(guó)這次一如既往的輸出高水平推送圖文，開頭<animate>屬性生成bug彈窗逐個(gè)出現(xiàn)效果，通過多個(gè)彈窗拋出問題和信息引導(dǎo)用戶逐一點(diǎn)擊，最后利用一次高度展開將信息完全帶出。在一步一引導(dǎo)的過程里，逐步揭開折疊的信息，通過觸發(fā)獲取反饋，加深品牌印象同時(shí)配合優(yōu)秀設(shè)計(jì)展現(xiàn)品牌個(gè)性。

3. 連續(xù)點(diǎn)擊切換+左右滑動(dòng)+動(dòng)態(tài)banner

雷神2021旗艦游戲本 P1 搭載RTX30系顯卡全球首發(fā)！-雷神科技

雷神科技該篇炫酷推送得益于精妙的設(shè)計(jì)之外同時(shí)配合交互的動(dòng)態(tài)效果，共同完成了符合調(diào)性的科技感視效。交互技術(shù)明顯運(yùn)用「點(diǎn)擊切換」、「左右滑動(dòng)」兩種效果，另外依托高級(jí)感的設(shè)計(jì)和點(diǎn)擊切換閃頻小巧思，詮釋科技帶來的炫酷觀感。當(dāng)然最值得一提的是用代碼生成的banner設(shè)計(jì)，視覺效果令人眼前一亮，有形信息流的形態(tài)優(yōu)化信息傳遞效率，只需用戶觸發(fā)實(shí)現(xiàn)定向頁(yè)面跳轉(zhuǎn)，營(yíng)造別具匠心的出色圖文。

4.創(chuàng)意交互-選擇后生成對(duì)應(yīng)結(jié)果

帶誰(shuí)回家？訊飛官方在線發(fā)對(duì)象！-科大訊飛

如何在交互中實(shí)現(xiàn)輕量級(jí)H5效果，不如看看GL設(shè)計(jì)開發(fā)的這篇圖文。選擇分支容納在高度展開的效果里，展開后自行選擇進(jìn)入對(duì)應(yīng)界面，選擇生成最終結(jié)果結(jié)果，通過層疊的技術(shù)邏輯嵌套實(shí)現(xiàn)最后生成你的專屬“對(duì)象”。通過SVG交互技術(shù)，實(shí)現(xiàn)推文中類H5選擇測(cè)試類效果，大家不妨體驗(yàn)一下。

5.連續(xù)點(diǎn)擊切換

小鵬汽車NGP是什么？3分鐘帶你云體驗(yàn)！-小鵬汽車

連續(xù)點(diǎn)擊切效果在業(yè)內(nèi)十分常見，但優(yōu)秀的創(chuàng)意依舊能讓簡(jiǎn)單效果擁有出色玩法。在小鵬汽車此篇圖文中，通過局部觸發(fā)實(shí)現(xiàn)位圖變化配合圖片逐幀上的切換效果，繪制出駕駛汽車的真是場(chǎng)景，呈現(xiàn)出流暢的駕駛狀態(tài)。同時(shí)完美交代小鵬汽車出色性能和車載系統(tǒng)，整個(gè)內(nèi)容不僅視覺動(dòng)態(tài)一流，在信息輸出上也十分自然流暢。

關(guān)注「小編備用」了解更多業(yè)內(nèi)前沿技術(shù)和優(yōu)秀案例，帶你領(lǐng)略交互魅力～