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