首頁 > 建站資源 > 微信營銷 > 微信排版“黑科技” 用點擊交互代碼實現高逼格的圖文推送

微信排版“黑科技” 用點擊交互代碼實現高逼格的圖文推送

時間: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+,秘訣竟是南京方言
網友爆料微信公眾號付費閱讀功能開始內測
微信大號運營寶典之圖片篇

精彩推薦

熱門教程

上海时时乐奇偶