微信公众号产品展示怎么做?

这篇文章将讲解3个品牌在双十一的促销活动中,是怎么通过svg效果来实现,公众号推文动态展示产品的。

SVG案例分享
11.11
双十一购物节



双十一狂欢购
案例一

0e3648219c004b53b39bbc2801d798c0.gif


GIF图展示↑


点击这里跳转阅读原文


NO.01
创意分析


这是一篇来自素士的双十一活动推文,他们在开篇设计了贩卖机的GIF图,搭配点击展开的SVG交互来展开全文,让用户刚点进推文时就能被这个巧妙的设计所吸引,从而进一步产生阅读全文的兴趣。


在正文部分,他们在展示活动优惠产品时,选择了左右来回播放的SVG交互效果,让活动产品在推文内循环播放,相比与平铺直叙的介绍优惠价格,这种展示形式,更能给用户留下深刻印象。



NO.02
SVG分析


想要实现上述效果,可以用到SVG组件:点击直接展开自定义触发,ID:57;SVG组件:背景固定顶层图片左右来回自动播放,ID:271。




双十一狂欢购
案例二

822cb8c7de9550dfed22863d8a79db24.gif


GIF图展示↑


点击这里跳转阅读原文



NO.01
创意分析


这是来自海尔的一篇双十一家电推荐文章,他们利用抽签的玩法,来介绍不同种类的洗碗机产品,创意十足。他们在标签的设计上,做了动态效果,且将不同类型洗碗机的优势,用简短的文字在标签上呈现,设置悬念,增加推文的神秘感,让用户怀着好奇心去点击阅读,从而形成良性互动。


在SVG的选择上也恰到好处,用了带有斜切式动效的点击换图交互效果,与现实版抽签的视觉呈现非常贴合。



NO.02
SVG分析


想要实现上述效果,可以用到SVG组件:横向斜切式多次点击换图,ID:279。




双十一狂欢购
案例三

091153b51c19b0a838f24310fc072789.gif


GIF图展示↑



b8bc65267d5b25597efeb639fbb0e25e.gif


GIF图展示↑


点击这里跳转阅读原文


NO.01
创意分析


这是一篇大制作的双十一活动推文,来自护肤品牌米蓓尔。文章以24小时快闪店作为创意,以“惠不断、热卖榜”等主题全面展示了自己品牌双十一活动的详情,思路清晰。在不同的主题下,他们使用了不同的SVG交互来呈现内容,使推文看起来更加丰富。在互动性和趣味性上都做到了极致。



NO.02
SVG分析


想要实现上述推文效果需要多种组件配合使用,下面三儿就列出3个主要的SVG组件。其实可以用到SVG组件:多图横向擦除无限循环轮播,ID:410;SVG组件:点击直接展开(首图消失),ID:272;SVG组件:横向不限宽单层滑动;ID:491。



以上就是三儿为大家

分享的有关双十一的创意玩法了

如果觉得还不错

记得点赞+在看哦



END


*以上所涉及的素材案例仅供学习交流使用,侵联删 


文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到