微信公眾號產品展示怎么做?
這篇文章將講解3個品牌在雙十一的促銷活動中,是怎么通過svg效果來實現,公眾號推文動態展示產品的。

GIF圖展示↑

這是一篇來自素士的雙十一活動推文,他們在開篇設計了販賣機的GIF圖,搭配點擊展開的SVG交互來展開全文,讓用戶剛點進推文時就能被這個巧妙的設計所吸引,從而進一步產生閱讀全文的興趣。
在正文部分,他們在展示活動優惠產品時,選擇了左右來回播放的SVG交互效果,讓活動產品在推文內循環播放,相比與平鋪直敘的介紹優惠價格,這種展示形式,更能給用戶留下深刻印象。

想要實現上述效果,可以用到SVG組件:點擊直接展開自定義觸發,ID:57;SVG組件:背景固定頂層圖片左右來回自動播放,ID:271。
GIF圖展示↑

這是來自海爾的一篇雙十一家電推薦文章,他們利用抽簽的玩法,來介紹不同種類的洗碗機產品,創意十足。他們在標簽的設計上,做了動態效果,且將不同類型洗碗機的優勢,用簡短的文字在標簽上呈現,設置懸念,增加推文的神秘感,讓用戶懷著好奇心去點擊閱讀,從而形成良性互動。
在SVG的選擇上也恰到好處,用了帶有斜切式動效的點擊換圖交互效果,與現實版抽簽的視覺呈現非常貼合。

想要實現上述效果,可以用到SVG組件:橫向斜切式多次點擊換圖,ID:279。
GIF圖展示↑
GIF圖展示↑

這是一篇大制作的雙十一活動推文,來自護膚品牌米蓓爾。文章以24小時快閃店作為創意,以“惠不斷、熱賣榜”等主題全面展示了自己品牌雙十一活動的詳情,思路清晰。在不同的主題下,他們使用了不同的SVG交互來呈現內容,使推文看起來更加豐富。在互動性和趣味性上都做到了極致。

想要實現上述推文效果需要多種組件配合使用,下面三兒就列出3個主要的SVG組件。其實可以用到SVG組件:多圖橫向擦除無限循環輪播,ID:410;SVG組件:點擊直接展開(首圖消失),ID:272;SVG組件:橫向不限寬單層滑動;ID:491。
以上就是三兒為大家
分享的有關雙十一的創意玩法了
如果覺得還不錯
記得點贊+在看哦
*以上所涉及的素材案例僅供學習交流使用,侵聯刪
立即登錄



