现如今公众号SVG交互推文已经形成了一种趋势，随意点开一个知名品牌的公众号推文都能够看的不少的SVG交互推文。这类展示效果更强，拥有互动性的推文形式已经成为了各大品牌宣传推广的必备工具。微信SVG制作也诞生了许多的创意玩法，下面就给大家分享五款比较具有代表性的案例。

案例1、梅赛德斯奔驰：型走江湖指南

特点：跑马灯动画

这篇推文看似简单，实则细节满分。在细节设计上，图片外围运用了全代码生成的一个跑马灯动画视效。文字循环播放效果，同时将文字精确定点外围使其悬浮在图片上，结合循环播放的平移动画就构成了一个细节满分的炫酷跑马灯。

案例2、梅赛德斯奔驰：你的预言账单来了

特点：场景模拟

梅赛德斯奔驰这篇推文别出心栽模拟网购的消费场景，画面色彩绚丽，利用点击切换效果模拟网购下单加入购物车环节。高度展开模拟出票效果，主题扣紧图文内容，宣传「0首付」梦想账单的主题，人们在结账付款的压力被巧妙化解。简单的交互效果，集合消费场景模拟设计，实现沉浸的阅读体验。

案例3、小鹏：请查收，与鹏友一起奔跑

特点：高级循环banner

在小鹏汽车推送里，结合里很多细节满分的交互效果，但最值得一提的还是文末的高级循环banner设计。在文末处集合2020年小鹏汽车成长高光时刻内容，构成里程碑banner。由用户自主控制的，不限方向的轮播切换，可以点击方向图标处或者底下小圆点都可以调转到对应链接，满足了展示多层内容的需求同时也提高了信息传播的效率。

案例5、东风标致：元旦刚过，就开始想着过年了

特点：多级展开

东风标致这篇图文里，利用与背景相同白底的GIF构成更贴近现实的设计感，以场景为主线人物故事贯穿全文，技术配合多级展开结合图文内容的延续，一个个主人公的故事内容充实饱满，推动了故事发展也带出文章主旨，增加阅读趣味性。

案例5、立邦中国：在吗？听听立邦和马赛克乐队的新歌

特点：高度展开+点击切换视频

同样是展开效果显示隐藏内容，立邦中国的推文里复杂的嵌套了其他交互组件，再次展示了交互设计的魅力。在展开内容后，嵌套了滑动切换的图层将信息尽可能缩减在同一空间，便利用户阅读。除此之外，视频封面遮罩的组件运用将图文设计和交互效果完美融合，给图文阅读又带来一分惊喜。

以上的五款公众号互动推文都是采用SVG定制开发的方式完成的，从展示效果上看各有各的优势以及特点，作为一种广告信息宣传工具，趣味性十足。当然因为SVG制作需要一定的成本，所以这类推文主要用于发布营销广告信息，吸引用户关注。如果您有SVG图文定制需求的话，可以联系蓝橙视觉。