微信推文SVG制作|微信推文SVG类型

在微信营销中，公众号运营是非常重要的环节，而公众号运营比较重要的就是微信推文设计，所以我们做好微信推文设计就是打好营销基础。那么怎样设计微信图文才更有吸引力呢，小编给出的答案是微信推文SVG制作，下面我们先来看看微信推文SVG的类型有哪些吧。

一、微信推文SVG图的类型

1、长图型SVG

开头提到的苹果、宝马及微信的推文都属于这一类型，通过控制SVG的高度来撑开画面高度，从而实现长图文的效果。通常在初始页面只放置一屏图片，通过图片创意或文字引导用户点击，点击后可以伸长为长图文，展示更多内容。 

2、长卷型SVG

 原理上与伸长式相同，当撑开上半部分内容的高度，下半部分就会相应地被挤下去，视觉上就产生了推动的效果。这种类型虽然效果简单，但是也可以结合不同的视觉模板，玩出花样。 

3、弹窗型SVG

点A见B的弹窗效果简洁而优雅，也是品牌方比较青睐的一种的交互效果。这种模型利用了微信原生图片预览功能，本质上是图文中图片被点击后放大浏览的过程。但因为触发点被隐藏在了前景下，所以能形成令人惊喜的弹窗能力。很多品牌也基于这种模型，进行了各种创意尝试。 

4、游戏型SVG

整个图文如同密室逃脱等游戏，通过点击、滑动等操作，一步步地收集各类道具，通关之后获得活动门票和福利券等。游戏化内容具有成瘾性，趣味性，也易触动年轻人，是非常有效的营销方式。可以配合活动宣传、产品发布会等，将门票或福利券作为奖励，刺激用户深度参与。

二、微信推文嵌入SVG要注意什么

1、svg 里面不能嵌套 svg

2、svg 尽量不要用渐变的颜色，因为代码会很多，体积太大，这个要跟设计师沟通

3、svg 相当于一张图了，全部放进去会文件体积很大，可以先压缩一下

4、IOS 上svg 动画的restart="never"没效，就是在苹果手机上再次点击的话，动画还是会执行，安卓没事，只做一次性的动画效果的话要留意下，目前无解

5、做点击展开长图文，长图文里的元素不能有用float属性的，因为用了这个属性对应的元素会脱离文档流，在height为0的容器中也会显示出来，导致无法隐藏长图文。

综上所述，我们微信推文设计想要嵌入SVG图片需要非常专业的编程知识，但其效果非常好，很有科技感，能够有效提高用户浏览量。如果你需要微信推文设计服务，请咨询蓝橙互动，为你提供专业的设计技术支持。