微信推文升級：篇篇過萬的黑科技SVG文章怎么玩？
最近打開各大品牌的公眾號，你可能會(huì)發(fā)現(xiàn)許多推文都可以互動(dòng)了，像是蘋果的新iPad Pro產(chǎn)品發(fā)布推文，iPhone SE介紹推文，微信的深夜模式上線推文，寶馬的《標(biāo)題高喊我不型》......原本冗長的靜態(tài)圖文增加了妙趣橫生的互動(dòng)效果，篇篇過萬，好評如潮。看到這樣好的傳播效果，很多品牌主也想開始嘗試，但是這種互動(dòng)黑科技是怎么實(shí)現(xiàn)的呢？
圖片源于：Apple官方微信
其實(shí)這些火爆全網(wǎng)的互動(dòng)效果都是基于SVG開發(fā)的。SVG意為可縮放矢量圖形（Scalable Vector Graphics），是使用XML格式定義圖像。SVG圖像在放大或改變尺寸的情況下，其圖形質(zhì)量不會(huì)有所損失，同時(shí)它是可交互的和動(dòng)態(tài)的，可以在SVG文件中嵌入動(dòng)畫元素或通過腳本來定義動(dòng)畫，實(shí)現(xiàn)多種互動(dòng)效果。 新媒體時(shí)代，用戶注意力成為稀缺資源。從長篇文字，到圖文并茂，再到長圖視頻，品牌主們一直在探索傳播效果最佳的內(nèi)容呈現(xiàn)形式。如今靜態(tài)長圖人們已經(jīng)司空見慣，唯有在交互形式上再做突破，才能重新給“社交忙人”們帶來刺激。因此自SVG誕生以來，頭部大號和知名品牌紛紛利用它打造互動(dòng)新玩法，推出“黑科技圖文”，不但帶來大量的粉絲和曝光，也給品牌形象增添了一份科技感和高級感。
目前微信上最流行的SVG互動(dòng)形式有4種。
開頭提到的蘋果、寶馬及微信的推文都屬于這一類型，通過控制SVG的高度來撐開畫面高度，從而實(shí)現(xiàn)長圖文的效果。通常在初始頁面只放置一屏圖片，通過圖片創(chuàng)意或文字引導(dǎo)用戶點(diǎn)擊，點(diǎn)擊后可以伸長為長圖文，展示更多內(nèi)容。
圖片源于：微信派
這種方式能夠更好地實(shí)現(xiàn)內(nèi)容和視覺效果上的平衡，解決超量信息容易“勸退”用戶的問題，尤其適合包含大量內(nèi)容的新品介紹文章，所以受到了各大品牌主的喜愛，成為當(dāng)下最火爆的互動(dòng)形式。
雪花臉譜系列全新上市，為了介紹這款拉格啤酒的獨(dú)特之處，同時(shí)打造超高端化的用戶認(rèn)知，NPLUS Digital 從形式入手，為其定制了實(shí)用性與高級感兼具的伸長式SVG長圖 ，將最能體現(xiàn)產(chǎn)品品質(zhì)的產(chǎn)品設(shè)計(jì)、用料酒花、考究喝法等利益點(diǎn)嵌入其中，并在結(jié)尾處加入電商優(yōu)惠券獲取方式，引導(dǎo)用戶領(lǐng)取優(yōu)惠券完成購買。
圖片源于：雪花啤酒官方微信
匠心營造啤酒第二年贊助《風(fēng)味人間》，新的一季需要有風(fēng)格上的轉(zhuǎn)變，同時(shí)需要在IP基礎(chǔ)上，凸顯品牌的風(fēng)格和利益點(diǎn)。
作為啤酒品牌，酒館是最能夠體現(xiàn)啤酒飲用場景的，于是我們通過 SVG 交互的形式，打造了屬于品牌自己的匠心酒館，并在長圖中聊了聊酒館中發(fā)生的事情，如：IP相關(guān)的食材、與產(chǎn)品相關(guān)的風(fēng)味以及飲酒的場景等。
圖片源于：雪花啤酒官方微信
原理上與伸長式相同，當(dāng)撐開上半部分內(nèi)容的高度，下半部分就會(huì)相應(yīng)地被擠下去，視覺上就產(chǎn)生了推動(dòng)的效果。這種類型雖然效果簡單，但是也可以結(jié)合不同的視覺模板，玩出花樣。 比如寶馬的《THE 8 | 不凡之旅》，結(jié)合了汽車產(chǎn)品本身特點(diǎn)，制造出其在移動(dòng)的效果。
圖片源于：寶馬中國官方微信
梅賽德斯奔馳的《謹(jǐn)以此“音樂會(huì)”，獻(xiàn)給每位奔馳車主》，模仿拉開帷幕的動(dòng)作，非常適合應(yīng)用在活動(dòng)宣傳推文中。
圖片源于：Mercedesme奔馳客戶服務(wù)官方微信
點(diǎn)A見B的彈窗效果簡潔而優(yōu)雅，也是品牌方比較青睞的一種的交互效果。這種模型利用了微信原生圖片預(yù)覽功能，本質(zhì)上是圖文中圖片被點(diǎn)擊后放大瀏覽的過程。但因?yàn)橛|發(fā)點(diǎn)被隱藏在了前景下，所以能形成令人驚喜的彈窗能力。很多品牌也基于這種模型，進(jìn)行了各種創(chuàng)意嘗試。 寶馬曾發(fā)布《“今天場子，我包了！”》點(diǎn)擊不同座位，你就能進(jìn)入不同直播場的廣告畫面。
圖片源于：寶馬中國官方微信
民生銀行《今日，宜大聲說愛》在長圖中設(shè)計(jì)了一系列的真 · 彈“窗”。
圖片源于：民生銀行官方微信
整個(gè)圖文如同密室逃脫等游戲，通過點(diǎn)擊、滑動(dòng)等操作，一步步地收集各類道具，通關(guān)之后獲得活動(dòng)門票和福利券等。
游戲化內(nèi)容具有成癮性，趣味性，也易觸動(dòng)年輕人，是非常有效的營銷方式。可以配合活動(dòng)宣傳、產(chǎn)品發(fā)布會(huì)等，將門票或福利券作為獎(jiǎng)勵(lì)，刺激用戶深度參與。
為了提高雪花馬爾斯綠啤酒發(fā)布會(huì)的曝光度，助力新品推廣，我們利用SVG技術(shù)，打造了一款互動(dòng)游戲類的預(yù)熱長圖，長圖以M.SPACE概念圖為背景，藏有6個(gè)雪花馬爾斯綠啤酒酒瓶，用戶每點(diǎn)擊1個(gè)酒瓶，文末二維碼被遮擋的葉子就會(huì)消失一部分。集齊所有酒瓶，就能看到完整無遮擋的二維碼，長按后即可獲得SVIP門票，直通會(huì)場。
圖片源于：雪花啤酒官方微信
同樣屬于這個(gè)類型的，還有差評的《點(diǎn) 進(jìn) 來 扭 蛋》、GQ實(shí)驗(yàn)室《硬漢的家里都藏著哪些寶貝》、微軟的《“假期”延長，如何轉(zhuǎn)攻為守，實(shí)現(xiàn)自我救贖？》等。
圖片源于：差評
如今是擁抱技術(shù)的時(shí)代，也是追求創(chuàng)意的時(shí)代，作為品牌來說，當(dāng)好的創(chuàng)意擁抱了新的技術(shù)，帶來的不僅是無盡的新思路、新玩法，還會(huì)是更有科技感的品牌形象，和更多新世代消費(fèi)者的追隨。 NPLUS Digital 正是一家致力于將創(chuàng)意與技術(shù)深度融合的數(shù)字營銷服務(wù)機(jī)構(gòu)，以上雪花啤酒的互動(dòng)SVG案例正是我們?nèi)诤稀皠?chuàng)意+技術(shù)”的作品成果。未來，當(dāng)更多的技術(shù)涌現(xiàn)，創(chuàng)意或許會(huì)有更多更炸的形式，而我們，會(huì)一直走在探索的路上。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）