开屏一段酷炫的GIF动画，接着图文展开，是一种非常实用的SVG排版效果。
为什么说这种效果实用？
因为GIF动画可以吸引读者眼球，紧接着的展开则可以提醒读者往下阅读，展开中的内容可多可少，还能加入其他排版效果，对内容的适配性很强。
如果一个公众号每次发文的SVG排版效果只能用一种，很多公众号都会选择这种。
最常见的是点击播放GIF后展开：
*素材来自轩尼诗Hennessy夏日，共赴鲜时
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
现在，使用i排版SVG编辑器的「点击切换GIF动图+展开(有触发区)」组合（编号：10075），我们有三种触发GIF播放的形式可选择，包括前面的点击触发，还有触摸触发和划动触发。
所谓触摸触发，就是手指触摸到触发区域的位置，GIF就会开始播放。感受一下：
*素材来自Brioni布里奥尼冬日配饰精选
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
划动触发，就是手指在指定的触发区域划一下，GIF就会开始播放。沿线条从左向右滑一下试试：
*素材来自梦田音乐梦田给您发送「年终讲」啦！
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
虽然最终触发的效果是一样的，但不同的触发方式适用于不同的创意方向，使得该效果在实用性的基础上变得可玩性更高。
下面以轩尼诗的效果为例，一起看一下排版教程吧。
详细教程：
工具：i排版SVG编辑器，网址：SVG.iPaiban.com
组合：点击切换GIF动图+展开(有触发区)
编号：10075（组合）
第1步：选择组合
登录i排版SVG编辑器后，点击编辑器右侧「组合」按钮，在「花样展开」-「切换图片+展开」分类中找到「点击切换GIF动图+展开(有触发区)」组合，或者直接在搜索框中搜索组合编号10075，点击选择。
第2步：进入组合编辑模式
点击「编辑组合」，进入组合编辑模式。
在组合编辑模式中，分为展开前和展开后两块设置区域。
第3步：设置「展开前」内容
点击「展开前」区域，接着点击右侧三个「换图」按钮，分别上传封面图、GIF图和GIF的最后一帧图片。
封面图一般是GIF的第一帧图片。注意三张图片尺寸比例需保持一致。
双击「展开前」区域上传的图片，调整触发区域的位置和大小。
第4步：设置「展开后」内容
「展开后」的内容支持嵌套各种组件，需要什么效果就在左侧「组件」分类中找到相应的组件拖动到组件位中，然后上传需要的素材即可。
添加组件位-拖动组件到组件位中-上传图片，每需要一个样式就按照这3步操作：
第5步：设置动画参数
点击页面空白处，在右侧先选择触发启动方式，然后分别设置GIF动图播放时长、播放结束后停留时长、展开时长。
展开高度一般无需调整，但当大家在手机上预览时，如果发现展开后有多余的空白或者没有展现出全部内容，可以通过「加减展开高度」使其恰好展开。
第6步：导入公众号后台
内容编辑完毕后，点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。
继续点击最右侧「预览草稿」手机扫码预览，效果满意后点击「同步至微信后台」就可以了。
新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
