微信公众号产品展示怎么做?
这篇文章将讲解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。
以上就是三儿为大家
分享的有关双十一的创意玩法了
如果觉得还不错
记得点赞+在看哦
*以上所涉及的素材案例仅供学习交流使用,侵联删
立即登录