成都微信推文设计公司
多年设计经验积累
输出专业性设计观点,提供创意性想法内容
带给品牌更多更好的设计灵感

想法
创意
2023-05-15
微信SVG设计公司


SVG交互排版赋予了公众号推文互动展示效果,让公众号重新焕发出了新的活力,当下有不少品牌都是使用SVG发布营销推文。我们能够看到的SVG交互图文展开效果也是丰富多样,那么在进行微信SVG制作时,SVG交互图文有哪些展开方式?下面蓝橙小编就给大家详细介绍一下,帮助大家了解并选择合适的展开效果。

 

一、点击展开

 

描述:点击下拉展开无缝长图一次,比较常见的SVG互动排版。

 

1、点击展开无缝长图

 

2、点击缩回到顶再下拉展开无缝长图

 

二、自动展开

 

描述:图文素材资源(包括代码、图片、视频、音频等)加载完成后,用户无需点击,自动下拉展开。

 

1、自动展开长图与红包封面卡片

 

2、自动展开长图与自动播放动图GIF

 

三、逆向展开

 

描述:常见的SVG交互排版展开方向是向下展开,逆向展开的方向则是向上展开,看起来有“掉落”的感觉。

 

1、逆向掉落下拉展开无缝长图

 

微信SVG制作


四、多段展开

 

描述:图文资源加载完成后,多段连续自动下拉展开;多次点击连续下拉展开,也就是每点击一次就下拉展开一次。

 

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推文当中,有趣的展开效果总能给给读者带来眼前一亮的感觉,让读者对于推文内容产生兴趣,可以让营销推文获得更高的阅读量。



我们的服务:营销物料设计公司| IP形象设计公司| 成都平面设计公司| 表情包设计公司| 3D形象设计公司
体感游戏开发公司| 小程序开发公司| 网站SEO优化公司| H5定制公司| H5游戏制作公司
联系我们:电话-18140119082(微信同号)