中国人民银行的这篇嵌套展开图文，是怎么做的？
上周中国人民银行发布的一篇SVG交互图文，用手绘漫画配合嵌套展开的交互效果演绎了一出《防范非法集资情景喜剧》，有趣又有料，咱们趁热打铁，今天就来看看是怎么制作的。
这里给大家直接贴过来：
这篇图文中一共有6个展开，其中1个展开中嵌套着另外5个平级展开，这种嵌套展开的效果给人层层递进的感觉，非常适合具有故事性的图文。
而它制作起来也并不难，因为在 iPaiban Pro 黑科技编辑器中有专门的嵌套展开组合，使用它可以很方便地在展开中嵌套展开。
另外你也可以在「品牌时光机」SVG案例库里搜索找到此文，iPaiban Pro 的高级版会员，或者拥有这里面的组件权限的 iPaiban Pro 用户点击「一键还原草稿」直接就可以制作同款交互。
一起看下用 iPaiban Pro 制作《防范非法集资情景喜剧》图文的整个过程：
i排版黑科技
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com组合：点击展开(可嵌套展开,固宽)编号：10875（组合）组合：点击展开(有触发区)编号：10051（组合）
第1步：选择组合
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组合」按钮，在「嵌套展开」分类中选择「点击展开(可嵌套展开,固宽)」组合，或者在组合中直接搜索编号10875。
第2步：进入组合编辑模式
如下所示，点击「编辑组合」，进入组合编辑模式。
在组合编辑模式中，我们需要设置展开前和展开后的内容。
第3步：设置展开前和展开后的内容
展开前的内容只有一张图片，点击展开前区域，然后在右侧点击「换图」上传图片。
设置展开后的内容，总共分为3步：添加组件位-拖动组件/组合到组件位中-上传素材。
每需要一个交互效果按照这3步走就可以，动图演示：
选择什么组件/组合大家根据自己想要的交互效果来定，央行《防范非法集资情景喜剧》图文在展开中嵌套了5个展开组合，所以我们需要放置5个组件位，然后分别拖入「点击展开(有触发区)」组合（编号：10051），如下所示：
第4步：编辑二级展开
在展开后的内容中拖入点击展开组合后，接着用同样的方法在展开中嵌套「全能无缝图」组件，然后上传素材即可。
第5步：调整展开效果的参数
每一个展开组合至少可以调整2个参数：展开时长和展开高度，点击右侧红色小三角可以看到。
展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，这时候就可以通过调整展开高度使其精准展开。
第6步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」逐步退出组合编辑模式回到编辑器主页面。
效果满意后接着点击「同步至微信后台」同步到自己的公众号就可以了。
局部导入可参考：《iPaiban Pro小助手v2.0安装和使用教程》
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）