本文系网易沸点工作室《网易H5》栏目（公众号：wangyih5）出品。
新AirPods一发布，苹果发烧友们就霸屏了朋友圈。有大半夜激情转发的，有放购买截图的，还有后悔刚买了AirPods2的......
而广告人和新媒体人更关注的，则是苹果这次的微信文章。
苹果官方公众号推送的《嘘，新AirPods来了》目前收获了1.1w“在看”。这是苹果官方公众号历史在看数最多的一篇文章。要知道，iPhone11的直播预告也才6千多“在看”。
和以往用滑动、快闪来展示产品图不同的是，这次的推送里，苹果用点击交互呈现了一个与产品功能结合的巧妙创意。
点击文字可看AirPods新功能
将汽车、地铁、公交车、飞机噪音和熊孩子哭闹这些令人苦恼的噪音来源，通过点击的交互动画隐去，突出“降噪”功能文案。
要实现这个操作并不难。通过前后两张图来完成，前面的图是包含“噪音”文字的文案，用代码控制其闪烁。
点击交互技术拆解/公众号JZCreative
被点击时停止闪烁并逐渐变为透明效果，露出后面的产品文案图。
文字消失前对比
简单的互动逻辑，却能和产品文案融为一体，成为一个巧妙的广告创意。
微信文章早已不是只能文字配图的“微刊”。与其他图文平台相比，微信公众号更加开放，支持无缝长图和代码互动，排版玩法多样。
除了苹果在用“黑科技”排版，很多品牌和自媒体也都在使用长图或代码实现高逼格的图文推送。
今天就为大家盘点当下最流行的创意版式设计，看完你一定会收藏的！
01 品牌篇
品牌官方公众号的推送水平直接反映品牌调性。所以，就算只是当作一个“门面”，不作增长和销售用途，企业也会十分重视微信推文的水准。
| 图文排版
要说将“文字+图片”的排版调性做到极致的公众号，不得不提“广州柏悦酒店”。
来源：广州柏悦酒店公众号
要将图片和文字，仅通过微信公众号后台就排出高级感，除了图片素材本身质量过硬外，还需要相当高的文案和文字排版功底。
来源：广州柏悦酒店公众号
字体、字号、颜色、行距、留白、装饰小元素，无一不是学问，无一不体现着高端品牌对细节的苛求。
下面则是来自另一国际五星级酒店的反面案例：
某五星级酒店公众号推文
没有对比就没有伤害，“门面”的重要性不言而喻。
| 长图排版
喜茶公众号整体是偏港风、国潮的设计。
港风版式设计 / 喜茶公众号
把产品图当成港风大片来拍，将“网红”品牌进行到底。
港风版式设计 / 喜茶公众号
也有一些卡通动画类的版式，展示品牌年轻可爱的一面。
卡通动图版式设计 / 喜茶公众号
同样是快消品牌，好利来则是偏向日系风格。
有动漫风格的版式设计，用年轻化的创意形式做产品推送，俘获二次元的年轻群体。
动漫风版式设计 / 好利来公众号
动漫风版式设计 / 好利来公众号
也有符合产品配色的小清新风排版。清爽不油腻，让人看了赏心悦目的同时，撩拨想吃甜食的少女心。
小清新版式设计 / 好利来公众号
| 动图/交互创意排版
如果需要产品展开/对比展示，则更多需要动图或是滑动交互来完成。
滑动对比iPhone / Apple公众号
颜色展示动图 / 万宝龙公众号
苹果和万宝龙是微信产品展示交互方面做的不错的品牌，也有一些更复杂的交互形式，如果需要更多案例也可以去公众号看看。
02 自媒体篇
| 游戏交互排版
网易王三三出品的《绝对色感の挑战：不瞎算你赢》就是很经典的游戏交互模式。将辨认颜色与交互形式结合，推出新的玩法。
内容上，它将不同女孩进行分类，有“吃货型，社畜型，美妆型”，再从不同的女孩类型中提及具有代表性的品牌，激起答题的欲望。
颜色挑战 / 网易王三三公众号
这篇文章能够引起广泛传播的重点不在于答题的正确性，而在于内容与形式结合，新奇有趣，结合当下流行的梗，让人有了分享的冲动。
网易哒哒的《饿哭朋友圈的终极挑战》，以重庆火锅为主题展开各种挑战，结合流行梗和多种交互玩法，让人产生“爽”感。
火锅挑战/网易哒哒公众号
还有GQ实验室的《都市男女禁欲实录》。以游戏“刮刮乐”的形式排版，并结合当下“吃货女孩”的特点。
刮刮乐效果展示/ GQ实验室公众号
刮刮乐的涂层未刮开之前展现的是吃货女孩的“自我洗脑”，而刮开之后则让人看清吃货女孩的本质。用前后强烈的对比，激起读者的强烈认同感。
| 剧情走向排版
B站的互动视频火爆之后，公众号“不会画出版社”也趁着流行，推出了互动图文类的条漫。这种交互式内容排版的特色就在于，剧情可因读者选择而产生不同的变化。
《你真的很对不起自己》一文中，作者就提出两种选项，由读者自行选择，来决定剧情的走向。
图文交互/ 不会画出版社公众号
| 动图类排版
看腻了常规的条漫形式，加上了动图排版的条漫往往能够带来不一样的效果。
动图使得条漫更加生动。
例如“深夜发媸”公众号利用火热一时的"QQ秀"来做穿搭教学。
QQ秀可以模拟变装，再配上动态效果，既符合了当年的复古潮流，又突出了穿搭教学的重点。
动图效果/ 深夜发媸公众号
| 其他创意排版
按照以往的阅读习惯，一般都是从上往下滑动观看。而动图加上具有创意的排版格式则达到了让人耳目一新的效果。
例如公众号“大人别出声”的推文《电梯上行的一分钟里》，需要读者倒转手机观看，才能形成电梯上行视觉效果。
读者一边滑动手机，在视觉效果上看起来好像是和电梯一起上升。而生动形象的“按电梯键”的动图则更加激发读者内心的急迫感。“电梯关门”的动图则更加将人代入真实的场景之中。
电梯动图 /大人别出声公众号
“黑科技”排版固然吸引人眼球，但纯炫技并不能带来更多的曝光和好评。
品牌和自媒体要想利用创意排版来更好的展示自己，不能为了形式而做形式，而是要用恰当的形式来配合内容创意，产生1+1>2的效果。
创意方法、选题策略、交互设计、文案秘籍……搜索关注网易H5微信公众号（ID：wangyih5），分享你想要的知识。
本文来源：网易H5
责任编辑：
宋天娇_NBJS7913
