首页 > 建站资源 > 微信营销 > 微信排版“黑科技” 用点击交互代码实现高逼格的图文推送

微信排版“黑科技” 用点击交互代码实现高逼格的图文推送

时间:2019-10-30    作者:玖柒   来源:网易H5公众号

新AirPods一发布,苹果发烧友们就霸屏了朋友圈。有大半夜激情转发的,有放购买截图的,还有后悔刚买了AirPods2 的......

而广告人和新媒体人更关注的,则是苹果这次的微信文章。

苹果官方公众号推送的《嘘,新AirPods来了》目前收获了1.1w“在看”。这是苹果官方公众号历史在看数最多的一篇文章。要知道,iPhone11 的直播预告也才 6 千多“在看”。

和以往用滑动快闪来展示产品图不同的是,这次的推送里,苹果用点击交互呈现了一个与产品功能结合的巧妙创意。

image.png

将汽车、地铁、公交车、飞机噪音和熊孩子哭闹这些令人苦恼的噪音来源,通过点击的交互动画隐去,突出“降噪”功能文案。

要实现这个操作并不难。通过前后两张图来完成,前面的图是包含“噪音”文字的文案,用代码控制其闪烁。

image.png

 

被点击时停止闪烁并逐渐变为透明效果,露出后面的产品文案图。

    

文字消失前后对比

简单的互动逻辑,却能和产品文案融为一体,成为一个巧妙的广告创意。

微信文章早已不是只能文字配图的“微刊”。与其他图文平台相比,微信公众号更加开放,支持无缝长图和代码互动,排版玩法多样。

除了苹果在用“黑科技”排版,很多品牌和自媒体也都在使用长图或代码实现高逼格的图文推送。

今天就为大家盘点当下最流行的创意版式设计,看完你一定会收藏的!

01

品牌篇

品牌官方公众号的推送水平直接反映品牌调性。所以,就算只是当作一个“门面”,不作增长和销售用途,企业也会十分重视微信推文的水准。

| 图文排版

要说将“文字+图片”的排版调性做到极致的公众号,不得不提“广州柏悦酒店”。

      

来源:广州柏悦酒店公众号

要将图片和文字,仅通过微信公众号后台就排出高级感,除了图片素材本身质量过硬外,还需要相当高的文案和文字排版功底

    

来源:广州柏悦酒店公众号

字体、字号、颜色、行距、留白、装饰小元素,无一不是学问,无一不体现着高端品牌对细节的苛求。

下面则是来自另一国际五星级酒店的反面案例:

某五星级酒店公众号推文

没有对比就没有伤害,“门面”的重要性不言而喻。

| 长图排版

喜茶公众号整体是偏港风、国潮的设计。

       

港风版式设计 / 喜茶公众号

把产品图当成港风大片来拍,将“网红”品牌进行到底。

港风版式设计 / 喜茶公众号

也有一些卡通动画类的版式,展示品牌年轻可爱的一面。

同样是快消品牌,好利来则是偏向日系风格。

有动漫风格的版式设计,用年轻化的创意形式做产品推送,俘获二次元的年轻群体。

也有符合产品配色的小清新风排版。清爽不油腻,让人看了赏心悦目的同时,撩拨想吃甜食的少女心。

      

小清新版式设计 / 好利来公众号

| 动图/交互创意排版

如果需要产品展开/对比展示,则更多需要动图或是滑动交互来完成。

    

滑动对比iPhone / Apple公众号

苹果和万宝龙是微信产品展示交互方面做的不错的品牌,也有一些更复杂的交互形式,如果需要更多案例也可以去公众号看看。

02

自媒体篇

| 游戏交互排版

网易王三三出品的《绝对色感の挑战:不瞎算你赢》就是很经典的游戏交互模式。将辨认颜色与交互形式结合,推出新的玩法。

内容上,它将不同女孩进行分类,有“吃货型,社畜型,美妆型”,再从不同的女孩类型中提及具有代表性的品牌,激起答题的欲望。

   

颜色挑战 / 网易王三三公众号

这篇文章能够引起广泛传播的重点不在于答题的正确性,而在于内容与形式结合,新奇有趣,结合当下流行的梗,让人有了分享的冲动。

网易哒哒的《饿哭朋友圈的终极挑战》,以重庆火锅为主题展开各种挑战,结合流行梗和多种交互玩法,让人产生“爽”感

   

火锅挑战 / 网易哒哒公众号

还有GQ实验室的《都市男女禁欲实录》。以游戏“刮刮乐”的形式排版,并结合当下“吃货女孩”的特点。

    

 刮刮乐效果展示/ GQ实验室公众号

刮刮乐的涂层未刮开之前展现的是吃货女孩的“自我洗脑”,而刮开之后则让人看清吃货女孩的本质。用前后强烈的对比,激起读者的强烈认同感

| 剧情走向排版

B站的互动视频火爆之后,公众号“不会画出版社”也趁着流行,推出了互动图文类的条漫。这种交互式内容排版的特色就在于,剧情可因读者选择而产生不同的变化。

《你真的很对不起自己》一文中,作者就提出两种选项,由读者自行选择,来决定剧情的走向。

    

图文交互/ 不会画出版社公众号

| 动图类排版

看腻了常规的条漫形式,加上了动图排版的条漫往往能够带来不一样的效果。

动图使得条漫更加生动。

例如“深夜发媸”公众号利用火热一时的"QQ秀"来做穿搭教学。

QQ秀可以模拟变装,再配上动态效果,既符合了当年的复古潮流,又突出了穿搭教学的重点。

  

image.png

深夜发媸公众号

在“尖椒教育点评”发布的《想要辞职的第 896 天》一文中,动图排版更是完美的契合了条漫内容。利用快速晃动的手机配上缓慢移动的手指,将早上赖床的情景表现的淋漓尽致。

| 其他创意排版

按照以往的阅读习惯,一般都是从上往下滑动观看。而动图加上具有创意的排版格式则达到了让人耳目一新的效果

例如公众号“大人别出声”的推文《电梯上行的一分钟里》,需要读者倒转手机观看,才能形成电梯上行视觉效果。

读者一边滑动手机,在视觉效果上看起来好像是和电梯一起上升。而生动形象的“按电梯键”的动图则更加激发读者内心的急迫感。“电梯关门”的动图则更加将人代入真实的场景之中。

“黑科技”排版固然吸引人眼球,但纯炫技并不能带来更多的曝光和好评。

品牌和自媒体要想利用创意排版来更好的展示自己,不能为了形式而做形式,而是要用恰当的形式来配合内容创意,产生1+1> 2 的效果

相关推荐
微信运营:为什么微信公众号大号都不排版?
8个微信公众号实用排版技巧,让微信颜值美出新高度!
2017年最新排版技巧,给你的微信公众号换件新衣吧!
微信改版后头图怎么做?如何提高点击率?
微信改版后头图怎么做?这种花式玩法终于可以彻底玩了!
这篇微信文章是如何做到八十万阅读量、分享七万多人次?
微信原创保护,保护的到底是谁的利益?
一篇微信文章如何做到破106万阅读量吸粉1.2万粉丝
如何写出阅读量100+的微信爆冷文章?
企业微信号运营:从0到100万粉丝 他们只用了这8步
9000篇10W+阅读的微信热门文章标题分析
70篇文章赚百万粉 网红咪蒙是如何刷爆朋友圈的?
微信小账号快速起步秘诀:200粉丝打造10万+爆款文章
关于微信公众号从0用户到冷启动的5个案例9个建议
篇篇10万+背后,解密中粮海报为什么刷爆朋友圈?
从3W到硬蛋 资深微信运营谈怎么“做出”好内容
如何打造一篇阅读100000+的微信文章
微信运营新手必看:如何提升文章的打开率及转发量?
微信公众号如何转载内容?这样做你也有可能获取10万+
微信原创黑马:一个月贡献28篇10w+
一篇文章收费5位数 微信公众号刷量的水有多深?
我们是如何一步步从“反标题党”变为“标题党”的
好标题是如何让微信公众号阅读量从1w到10w+(上)
好标题是如何让微信公众号阅读量从1w到10w+(下)
微信运营人必备的7大神器 工作效率提高必备
朋友圈已成大杂烩 微信要再造一个优质内容入口?
微信悄悄上线的「朋友圈热文」体现了什么价值?
这些微信公众号是如何引爆父母们的朋友圈?
微信公众号文章预览功能升级 增加有效时限
运营人,为什么你的微信公众号不受欢迎?
半年内阅读涨25倍!这10个逆袭的黑马微信公众号凭什么
我的微信选题技巧:在定位的基础上用经验取胜
高产微信公众号做出100多篇10w+,秘诀竟是南京方言
网友爆料微信公众号付费阅读功能开始内测
微信大号运营宝典之图片篇

精彩推荐

热门教程