苹果官方都在用的黑科技排版,是公众号新方向?

subtitle 网易H510-30 17:24 跟贴 45 条
微信排版到底有多少种高端操作??

本文系网易沸点工作室《网易H5》栏目(公众号:wangyih5)出品。

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

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

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

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

打开网易新闻 查看更多精彩图片
点击文字可看AirPods新功能

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

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

点击交互技术拆解/公众号JZCreative

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

文字消失前对比

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

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

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

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

01 品牌篇

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

| 图文排版

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

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

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

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

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

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

某五星级酒店公众号推文

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

| 长图排版

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

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

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

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

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

卡通动图版式设计 / 喜茶公众号

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

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

动漫风版式设计 / 好利来公众号
动漫风版式设计 / 好利来公众号

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

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

| 动图/交互创意排版

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

滑动对比iPhone / Apple公众号

颜色展示动图 / 万宝龙公众号

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

02 自媒体篇

| 游戏交互排版

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

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

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

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

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

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

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

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

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

| 剧情走向排版

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

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

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

| 动图类排版

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

动图使得条漫更加生动。

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

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

动图效果/ 深夜发媸公众号

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

动图效果展示/ 尖椒教育点评公众号

| 其他创意排版

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

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

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

电梯动图 /大人别出声公众号

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

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

创意方法、选题策略、交互设计、文案秘籍……搜索关注网易H5微信公众号(ID:wangyih5),分享你想要的知识。

打开网易新闻,阅读体验更佳
大家都在看