在一众的纯图文推文中，SVG的加入可以增加推文的互动性，让读者感到眼前一新。新鲜感的产生伴随着整体推文观感的提升，能够大大提升推文的质量。
但SVG的代码编写对于新媒体刚刚入门的人来说门槛较高，自学难度较大，因此我们可以灵活运用推文排版网站的SVG模板，给自己的推文增添亮色。
| 怎样运用简单SVG模板
使用SVG模板，首先就是各类编辑器的选择。
使用用户比较多的有135编辑器、秀米编辑器、E2.cool编辑器等等，但大多数编辑器的SVG模板需要购买会员或付费后才能使用，如果想学习基础的SVG排版，对SVG交互效果有一个初步的了解的话，可以先使用免费的秀米编辑器进行学习。
135编辑器、E2.cool、秀米编辑器
SVG的不同效果
秀米编辑器中有多种SVG效果，其中比较常用的有点击展开、点击换图、点击弹出、趣味滑动等等，具体可以根据推文的内容及不同的互动需求进行选择。
秀米的SVG模板
SVG模板使用
以秀米的“点击展开”的SVG模板中的其中一个为例子，选择模板后即可进入编辑界面替换或添加自己的图片。
点击展开的动画效果
点击SVG布局中的“编辑”界面，可以在界面中编辑封面页及内容页图片。不仅如此，还可以在“动画”界面中编辑动画的类别、时长以及延时效果。
SVG布局中的编辑页面
除利用现有模板进行更改之外，秀米的基础布局中的“SVG布局”使SVG的使用拥有了更大的灵活性。
秀米的SVG布局
SVG布局的工具条上可以设置动画各种参数，同时可以设置宽高比，达到SVG层和布局内容的对齐。
关于秀米的SVG模板运用在各平台上都可以搜索到相关教程，可以先从最简单的应用开始尝试，逐渐掌握后可以探索更多效果的实现。
| 该如何将SVG与内容融合
不同的SVG有不同的效果，可以带给读者不一样的互动体验。不同风格和基调的推文适合选用的SVG也各不相同。**>点击展开/换图效果需要暂时”隐藏一下”内容部分，给读者留下悬念的推文可以选择使用点击展开或点击换图SVG。其效果在于有一种让读者自己探索这部分内容的互动感，增强打开后显示的内容对读者的冲击感。公众号GQ实验室的点击换图SVG效果 >滑动换图效果当推文里有大量图片需要呈现时（例如活动图片，画报等等），简单罗列在推文中会使推文的篇幅增多，使读者产生阅读疲劳，失去继续下滑阅读的耐心。此时可以使用滑动换图SVG，向左/向右滑动可以查看更多的图片，呈现更多图片的同时缩短文章篇幅，使推文的信息更加集中。
VOGUE公众号的滑动换图SVG效果>点击答题效果**点击答题SVG其实也是点击换图/点击展开SVG的另一种形式，其底层逻辑是一致的，在读者点击的同时更换或露出所呈现的内容。点击答题SVG的封面页往往是题目的一个选项，点击后呈现的内容页是该选项的答案。这种SVG更加增添了互动性和趣味性，使推文不再是单一的信息输出。
中国科学院武汉植物园公众号点击答题SVG效果
>区域触发效果区域触发SVG可以搭配多种不同效果的SVG使用，其特点是可以指定读者触发SVG需点击的区域。在SVG动画编辑时设定触发区的大小和位置，即可实现在特定区域触发动画效果。**CC卡美珠宝公众号区域触发SVG效果| 所有推文都适合加SVG吗**SVG效果适当的加入可以给我们的推文增添亮点，但并不是所有使用SVG的推文都是高质量推文，推文的质量水平也并不和SVG的使用与否有直接挂钩关系。实际上，并不是所有推文都适合使用SVG效果。例如寻求共鸣的情感流推文，要求情感、氛围的连续性，不适当的SVG的加入不但不会给推文整体加分，还会破坏文字营造出的氛围的连续性，在读者沉浸阅读时造成打断。此外，如果SVG的引导语不够明显，可能使读者无法第一眼发现可以点击的SVG动画而在阅读过程中退出，反而影响内容传递。
| 后记-熟能生巧，快速入门总的来说，SVG模板的运用对公众号运营小白来说还是比较好上手的。对各种模板的逻辑足够了解后，灵活更改和设计自己的SVG也就触手可及啦。第一步的迈出是成功的一半，SVG的掌握是一个熟能生巧的过程，你也快来试试吧！********