公眾號背靠微信龐大的用戶基數(shù)，具有非常高的營銷宣傳潛力，近期，隨著SVG排版與公眾號推送相結(jié)合，我們通過SVG動畫制作可以發(fā)布有趣的SVG交互推文，能夠快速吸引用戶的目光，提高營銷軟文的推廣效果，下面就給大家分享兩款微信SVG動畫制作案例，一起來了解一下吧。

點擊展開SVG動畫制作

OPPO情人節(jié)SVG推送本篇文章為用戶提供了一本浪漫指南，幫助用戶度過一個與眾不同的情人節(jié)。

頁面效果

進入文章，用戶點擊“速速領(lǐng)取”按鈕，頁面向上收回露出浪漫指南，我們用文件夾的形式給用戶準備了異地戀和就地戀兩個版本的浪漫指南，用戶可根據(jù)自己的需要選擇不同的版本。                       

用戶點擊“點擊打開”按鈕后，浪漫指南會自動伸長，向用戶介紹Find N2獨特的大小屏隨意切換結(jié)構(gòu)，懸停模式、應(yīng)用分屏、屏幕共享等專屬功能，引導(dǎo)用戶利用這些功能給生活注入儀式感。閱讀完浪漫指南后，用戶還可以在邀請函中輸入自己和對方的名字，生成專屬邀請函，截圖分享給對象邀請TA一起度過不一樣的情人節(jié)。

互動效果

實現(xiàn)了層級和空間的極致利用，將龐雜的內(nèi)容收納進兩個文件夾中。融合了多項SVG黑科技引導(dǎo)用戶點擊觸發(fā)不同效果，沉浸式體驗OPPO Find N2 手機的獨特功能。同時應(yīng)用點擊伸長、速差退場等交互技術(shù)，增加了視覺上的連貫性。

滑動播放SVG動畫制作

路特斯汽車宣傳SVG制作案例，在本篇圖文案例中，為了讓用戶直觀的感受到路特斯汽車超強的續(xù)航能力。從倫敦到巴黎的跨國界之旅，以超長的行車路程為標尺，通過路特斯汽車“跑得遠”來展現(xiàn)路特斯卓越的續(xù)航能力。

頁面效果

這款SVG推文采用了條漫慣用的扁平插畫設(shè)計風(fēng)格，加入了倫敦的報刊亭、巴黎的埃菲爾鐵塔等具有極高識別度的元素，運用豐富的色彩區(qū)分層次，自然而又清晰的羅列出一條視覺的“路線”，引導(dǎo)用戶流暢的閱讀。

為了呈現(xiàn)出更好的效果，在動效設(shè)計中加入了幀序列動效，使場景銜接的更加自然連貫，例如，用戶可以看到假發(fā)被風(fēng)從廣場吹到了街邊的路人身上，海鷗在游客手中覓食，咖啡店的窗簾輕輕飄動等。

互動效果

利用橫向錯層滑動的技術(shù)，將小汽車固定在畫面的中間層，隨著用戶橫向滑動，頂層畫面與底層畫面同時移動起來，小車在不斷改變的前后景中間穿插，用戶可以在移步換景之中，體驗到時間和空間流動起來的感覺。例如，用戶可以欣賞到清晨倫敦廣場上的白鴿，也可以夜游巴黎的街頭，還可以看到不同路人的反應(yīng)。通過觸發(fā)用戶具象的多感官的體驗，讓用戶感覺仿佛真的置身于行進的車輛之中。通過觸發(fā)用戶具象的多感官的體驗，讓用戶感覺仿佛真的置身于行進的車輛之中。

以上就是兩款優(yōu)質(zhì)SVG制作案例的詳細介紹了，通過以上信息我們可以了解到，SVG互動推文的交互形式以及展示效果都是可以通過定制方案來進行專屬策劃的，在品牌宣傳推文中采用微信SVG制作，能夠獲得更高的播放量和更好的展示效果。