微信最新花式排版技巧-SVG动画解析

SVG图文样式全流程解析

❶  什么是SVG

❷  SVG样式排版工具

❸ 如何快速搜索SVG样式

❹  SVG样式排版小技巧

1、什么是SVG

SVG简单定义就是一种图像的文件格式，并且是可以进行交互的动画。

SVG图文样式好玩的点的就是强互动性，可以增加用户的好奇心，促使粉丝可以更深入的完成阅读并参加交互，甚至会因为觉得好玩就会来转发增加传播性。

类似的SVG排版样式还可以：

让用户在阅读上更有视觉冲击，猎奇心理； 更加深入理解文章内容，沉浸式的搭建场景； 摆脱文化的阅读属性，让粉丝可以在阅读的过程中产生交互。

那么，SVG动画究竟可以在哪些场景里面使用呢？

节日场景：例如元宵节猜灯谜，国庆实景阅兵等等

电商场景：拆红包，发硬币。适合电商进行活动和促销等

业务场景：例如游戏小程序的定制化，这块就需要专业的SVG动画进行制作和排版。

营销场景：横屏滚动字幕，阅后即焚等游戏

内容场景：如逐行显示、消失，推荐扫码可以观看具体的场景搭建和展示

我今天和大家解析的这类SVG属于入门小白类别的，是基于微信文章的交互图文设计的黑科技排版技术，主要通过135编辑器进行排版。当然也有其他的编辑器都可以进行操作，就不过多阐述。

SVG也有更高级的制作，但是需要定制或者专业的程序代码进行控制，简单来说就是花钱，相对来说比较复杂，所以就不在我们今天所讲的范围内。

2、SVG样式排版工具

首先是在编辑器的排版上，推荐使用135编辑器。

注意：135编辑器的SVG样式需要开通会员才能使用哦！

3、如何快速搜索SVG样式？

除了介绍的两个样式，如果需要有其他的样式，也可以在135编辑器的SVG模块进行搜索。在编辑器的搜索框搜svg，会出现很多优秀的互动样式。

4、SVG样式排版小技巧

敲黑板！！！文章中使用SVG版式，切记不要直接微信复制到公众号中，一定要授权绑定公众号进行同步，不然会出现乱码或者效果失效。

既然要做互动，一定要做好互动的提示，如点击下方，并且加粗加红着重提醒。

模板样式不要超过3个。样式过多会导致太乱，容易乱（本篇除外）。

整篇文章大小不要超1G。容易导致加载慢或卡。

图片尺寸统一。不然会让样式变形，就会变得很奇怪，所以一定要统一整体图片尺寸。