SVG创意排版,黑科技排版,SVG互动专题

大号都在用,SVG真香?

大家好,我是熊三酱。


最近大号们悄悄开始在公众号里使用一种排版黑科技,大概是这样婶儿的:


人民网-两会报道卷轴 



不会画出版社-互动漫画 



不仅内容有料有深度,互动形式上更是抓人眼球,一打听,原来他们是用了SVG样式。



今天熊三酱就跟大家简单聊一聊SVG。



啥是SVG?

百度百科:SVG格式 


其实俺村也不是刚通网,SVG这种效果在电脑网页、H5里早就见惯不怪了。


但为什么对这些作品大家都啧啧称奇并奔走转发呢?因为这是直接在公众号图文里实现的,他们可以,我们普通小编不可以。



这种操作没有摆在公众号后台的明面上,需要操控SVG代码,来实现可互动,有炫酷动态效果的排版样式。


所以,确实有那么点黑科技的味道。



就像通过Html5代码制作的移动端网页被简称为H5一样,现在大家把这种通过SVG代码,直接在公众号框架里实现的互动形式称为——SVG。



SVG有啥用?

为了便于大家理解SVG的用途,熊三酱打个不是很精确的比方:




做公众号就好比开一家餐厅


  • 餐厅提供的餐饮,对应公众号的内容;

  • 餐厅的就餐环境,对应公众号的阅读体验;

  • 餐厅的服务,对应公众号的运营。


餐厅提供的餐饮是生存之本,但装修、家具、餐具等环境设施影响就餐体验,餐饮+环境设施综合影响餐厅的品质,品质上来了才能留得住客。


同样,公众号最重要的当然是内容,但图文排版影响阅读体验,内容+排版体现公众号的品质,有品质才能留得住粉丝。



再进一步对比。


一家餐厅的通用设施,就已经能向顾客提供基础服务了,但还需要一些特殊设施来吸引客流。
比如网红餐厅的拍照布景,比如海底捞的美甲区,比如有的餐吧会有乐队驻唱……


同样,公众号使用基础排版就能满足日常内容运营需求,但是遇到特殊事件、大型活动,就需要特殊排版来与内容进行完美搭配。
SVG就是这类特殊排版的一种。



列举一些适合使用SVG的场景:创意展示,大型发布会,庆典活动,新品上市,成果展示,营销活动……


所以,SVG不一定每篇图文推送都用得到,但至少要知道:在关键时刻这是个很好的选择。



SVG怎么用?


想要使用SVG做出夺人眼球的作品,建议按照这个步骤进行:


  • 需求分析:目的是什么,给谁看,需要达成那些数据指标,什么时间制作完成什么时间发布,制作预算等,行程需求文档;

  • 创意策划:根据需求进行创意策划,并编写策划文档;

  • 物料制作:编写文案,制作图片,制作视频;

  • SVG制作一种方式是使用排版编辑器中的SVG模板。一种方式是交给技术开发人员编写SVG代码实现创意策划想要达到的效果。



135编辑器-SVG服务

常见的SVG效果,可以在135编辑器的素材库-SVG互动专题中选择模板使用,立刻就能上手哦!


SVG互动样式在哪里?



我们将这些样式搜罗在一个专题页面里,这里分门别类展示了135编辑器内所有互动样式。

每个样式都对应了教程,方便大家使用!


看到喜欢的样式,点击收藏,回到编辑器左侧点击【收藏】就能看到自己刚刚收藏的这款样式了。


SVG样式怎么用?


每个SVG样式都对应了详细的教程,大家根据教程一步步来操作即可。

需要注意的是SVG样式必须使用文章同步功能,将文章同步到微信公众号。只用【微信复制】会导致部分效果失效。


SVG定制开发


如果是模板实现不了的复杂SVG,就需要找开发人员开发了。

135编辑器就是专业做各类排版开发的呀,当然也提供定制开发服务,帮您实现一鸣惊人的传世之作。

如有需要可扫码加微信联系  

点击https://www.135editor.com/users/invite/ddb12a17ce400c35fe041d275a578351,注册135编辑器,即可获得7天VIP会员

文章评价
登录后可以评论
立即登录
分享到