微信公眾號產(chǎn)品展示怎么做？
這篇文章將講解3個品牌在雙十一的促銷活動中，是怎么通過svg效果來實(shí)現(xiàn)，公眾號推文動態(tài)展示產(chǎn)品的。
GIF圖展示↑
這是一篇來自素士的雙十一活動推文，他們在開篇設(shè)計(jì)了販賣機(jī)的GIF圖，搭配點(diǎn)擊展開的SVG交互來展開全文，讓用戶剛點(diǎn)進(jìn)推文時(shí)就能被這個巧妙的設(shè)計(jì)所吸引，從而進(jìn)一步產(chǎn)生閱讀全文的興趣。
在正文部分，他們在展示活動優(yōu)惠產(chǎn)品時(shí)，選擇了左右來回播放的SVG交互效果，讓活動產(chǎn)品在推文內(nèi)循環(huán)播放，相比與平鋪直敘的介紹優(yōu)惠價(jià)格，這種展示形式，更能給用戶留下深刻印象。
想要實(shí)現(xiàn)上述效果，可以用到SVG組件：點(diǎn)擊直接展開自定義觸發(fā)，ID：57；SVG組件：背景固定頂層圖片左右來回自動播放，ID：271。
GIF圖展示↑
這是來自海爾的一篇雙十一家電推薦文章，他們利用抽簽的玩法，來介紹不同種類的洗碗機(jī)產(chǎn)品，創(chuàng)意十足。他們在標(biāo)簽的設(shè)計(jì)上，做了動態(tài)效果，且將不同類型洗碗機(jī)的優(yōu)勢，用簡短的文字在標(biāo)簽上呈現(xiàn)，設(shè)置懸念，增加推文的神秘感，讓用戶懷著好奇心去點(diǎn)擊閱讀，從而形成良性互動。
在SVG的選擇上也恰到好處，用了帶有斜切式動效的點(diǎn)擊換圖交互效果，與現(xiàn)實(shí)版抽簽的視覺呈現(xiàn)非常貼合。
想要實(shí)現(xiàn)上述效果，可以用到SVG組件：橫向斜切式多次點(diǎn)擊換圖，ID：279。
GIF圖展示↑
GIF圖展示↑
這是一篇大制作的雙十一活動推文，來自護(hù)膚品牌米蓓爾。文章以24小時(shí)快閃店作為創(chuàng)意，以“惠不斷、熱賣榜”等主題全面展示了自己品牌雙十一活動的詳情，思路清晰。在不同的主題下，他們使用了不同的SVG交互來呈現(xiàn)內(nèi)容，使推文看起來更加豐富。在互動性和趣味性上都做到了極致。
想要實(shí)現(xiàn)上述推文效果需要多種組件配合使用，下面三兒就列出3個主要的SVG組件。其實(shí)可以用到SVG組件：多圖橫向擦除無限循環(huán)輪播，ID：410；SVG組件：點(diǎn)擊直接展開(首圖消失)，ID：272；SVG組件：橫向不限寬單層滑動；ID：491。
以上就是三兒為大家
分享的有關(guān)雙十一的創(chuàng)意玩法了
如果覺得還不錯
記得點(diǎn)贊+在看哦
*以上所涉及的素材案例僅供學(xué)習(xí)交流使用，侵聯(lián)刪
立即登錄
