SVG交互排版赋予了公众号推文互动展示效果,让公众号重新焕发出了新的活力,当下有不少品牌都是使用SVG发布营销推文。我们能够看到的SVG交互图文展开效果也是丰富多样,那么在进行微信SVG制作时,SVG交互图文有哪些展开方式?下面蓝橙小编就给大家详细介绍一下,帮助大家了解并选择合适的展开效果。
一、点击展开
描述:点击下拉展开无缝长图一次,比较常见的SVG互动排版。
1、点击展开无缝长图。
2、点击缩回到顶再下拉展开无缝长图。
二、自动展开
描述:图文素材资源(包括代码、图片、视频、音频等)加载完成后,用户无需点击,自动下拉展开。
1、自动展开长图与红包封面卡片。
2、自动展开长图与自动播放动图GIF。
三、逆向展开
描述:常见的SVG交互排版展开方向是向下展开,逆向展开的方向则是向上展开,看起来有“掉落”的感觉。
1、逆向掉落下拉展开无缝长图。
四、多段展开
描述:图文资源加载完成后,多段连续自动下拉展开;多次点击连续下拉展开,也就是每点击一次就下拉展开一次。
1、多段自动展开。
2、多段点击展开。
3、多次点击连续展开与左右滑动播放音频。
4、多次点击连续展开与播放动图GIF。
五、伸缩展开
描述:点击展开按钮,下拉展开长图,点击返回按钮,向上缩回长图。
1、点击可伸缩展开与左右滑动图片。
2、多个可伸缩展开与根据选项显示长图。
六、展开套展开
描述:点击展开里面嵌套多个点击展开。
1、展开套多个展开与竖版视频遮罩。
2、展开套一次展开与左右滑动开门。
3、展开套多个展开与点击播放音乐。
4、展开套多个展开与横版视频遮罩。
5、展开套一次展开与点击播放动图GIF。
6、展开层层连续嵌套展开。
7、点击播放动图GIF与展开嵌套多个展开。
七、互动展开
描述:点击下拉展开之前或展开之后会有一系列的排版交互。
1、点击下拉展开同时滑动淡入卡片。
2、多轮点击互动与展开无缝长图。
3、点击拍照展开无缝长图。
4、根据选项展开不同的长图(选择伸长)。
八、动图展开
描述:点击播放动图GIF完成之后,再下拉展开无缝长图。
1、点击播放GIF展开长图。
2、自动轮播与点击播放GIF展开长图。
3、点击播放音乐与GIF展开长图。
以上就是关于微信SVG交互排版展开方式的详细介绍了,在公众号SVG推文当中,有趣的展开效果总能给给读者带来眼前一亮的感觉,让读者对于推文内容产生兴趣,可以让营销推文获得更高的阅读量。