17723342546
微信推文SVG制作|微信推文SVG类型

在微信营销中,公众号运营是非常重要的环节,而公众号运营比较重要的就是微信推文设计,所以我们做好微信推文设计就是打好营销基础。那么怎样设计微信图文才更有吸引力呢,小编给出的答案是微信推文SVG制作,下面我们先来看看微信推文SVG的类型有哪些吧。

一、微信推文SVG图的类型

1、长图型SVG

开头提到的苹果、宝马及微信的推文都属于这一类型,通过控制SVG的高度来撑开画面高度,从而实现长图文的效果。通常在初始页面只放置一屏图片,通过图片创意或文字引导用户点击,点击后可以伸长为长图文,展示更多内容。 

2、长卷型SVG

 原理上与伸长式相同,当撑开上半部分内容的高度,下半部分就会相应地被挤下去,视觉上就产生了推动的效果。这种类型虽然效果简单,但是也可以结合不同的视觉模板,玩出花样。 

3、弹窗型SVG

A见B的弹窗效果简洁而优雅,也是品牌方比较青睐的一种的交互效果。这种模型利用了微信原生图片预览功能,本质上是图文中图片被点击后放大浏览的过程。但因为触发点被隐藏在了前景下,所以能形成令人惊喜的弹窗能力。很多品牌也基于这种模型,进行了各种创意尝试。 

4、游戏型SVG

整个图文如同密室逃脱等游戏,通过点击、滑动等操作,一步步地收集各类道具,通关之后获得活动门票和福利券等。游戏化内容具有成瘾性,趣味性,也易触动年轻人,是非常有效的营销方式。可以配合活动宣传、产品发布会等,将门票或福利券作为奖励,刺激用户深度参与。

微信推文SVG制作

二、微信推文嵌入SVG要注意什么

1、svg 里面不能嵌套 svg

2、svg 尽量不要用渐变的颜色,因为代码会很多,体积太大,这个要跟设计师沟通

3、svg 相当于一张图了,全部放进去会文件体积很大,可以先压缩一下

4、IOS 上svg 动画的restart="never"没效,就是在苹果手机上再次点击的话,动画还是会执行,安卓没事,只做一次性的动画效果的话要留意下,目前无解

5、做点击展开长图文,长图文里的元素不能有用float属性的,因为用了这个属性对应的元素会脱离文档流,在height为0的容器中也会显示出来,导致无法隐藏长图文。

综上所述,我们微信推文设计想要嵌入SVG图片需要非常专业的编程知识,但其效果非常好,很有科技感,能够有效提高用户浏览量。如果你需要微信推文设计服务,请咨询蓝橙互动,为你提供专业的设计技术支持。