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 小助手更方便哦，最新v2.0版本的小助手还支持一键打包下载图文图片素材，非常方便，安装教程戳：《iPaiban Pro小助手v2.0来啦！》
现在所有用户扫描下方海报二维码，回复关键词「案例库」即可领取15天案例库高级会员，27000+案例随便搜！
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
● SVG 黑科技交互排版????????
·
点个“在看”
戳沙小僧（playhudong033）
抱走《公众号排版规范手册》PPT
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）