原标题：SVG交互图文，我来教你一键还原！

不知道哪里方便找案例，想创意想到头大

看到一篇很喜欢的交互，不知道怎么做的

客服告诉你用哪个组件，也不知道怎么做

知道哪个组件了，也不知道是怎么切的图

……

这篇文章将会解决大家的困扰。

做SVG交互图文之前，去「品牌时光机」SVG案例库（brandtime.cn）逛一逛，能解决创意问题。

在案例库看到了一篇不错的图文，想知道如何实现同样的交互效果，你会怎么做？

来问我们的客服肯定是正确的，而现在你还有一个更方便高效的方法——看看能否一键还原。

一键还原是案例库最新上线的一个强大功能，使用它可以将案例库中的效果一键导入到 iPaiban Pro 编辑器，无需自己研究排版，你要做的只是换图。

目前已有3700+案例支持此功能，更多案例陆续支持中。

我们来看看怎么用。

第1步：登录

在谷歌浏览器网址栏输入网址 brandtime.cn 登录SVG案例库。

或者在登录 iPaiban Pro 编辑器（x.iPaiban.com）的状态下，点击页面右上方「案例库」即可登录，无需重复注册。

第2步：搜索

我们可以直接搜索或者分类查找。

直接搜索有综合、公众号、标题、品牌、关键词5种搜索方式可选，具体区别大家通过字面意思应该能大概了解，详细了解可以戳：《案例库搜索框的妙用》。

首页直接点击放大镜按钮进入案例搜索页面，在这里我们可以进行分类查找，有行业、节日、交互类型和场景4种分类可选，你还可以限定时间筛选某一时间段的案例。

第3步：查看是否支持一键还原

在搜索结果中，点击某一卡片进入案例详情页面，如果页面中有「一键还原草稿」的标识，则说明该案例支持一键还原。

或者我们直接在条件筛选中选择「支持一键还原」，那么剩下的案例都是支持一键还原的。

第4步：还原并编辑

在案例详情页面点击「一键还原草稿」，便跳转到了 iPaiban Pro 编辑器，此时你会发现刚才的案例被编辑器完全还原了。

在编辑器中，你可以清晰的看到每个交互效果使用了哪个组件/组合、设置了怎样的参数以及素材是如何切分的。

使用iPaiban Pro小助手v2.0你还可以一键下载原文中的所有素材，下载的图片自动打包并以「公众号-日期-图文标题」格式命名，压缩包里的图片也是按文章里展示顺序一一排列好了，方便参考着来做图和切图。

接下来在编辑器中你只需删除不要的部分保留想要的内容，然后替换自己的素材。你还可以选择其他组件/组合继续进行创作编辑。

第5步：导入公众号后台

点击右侧「预览草稿」可随时预览效果，效果满意后继续点击「导入微信后台」就能开始导到公众号了。

现在新用户注册登录iPaiban Pro 黑科技编辑器，在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。

认准编辑器网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始创作SVG交互排版（又称公众号交互图文、互动图文、黑科技排版、互动式排版）返回搜狐，查看更多

责任编辑：