現(xiàn)在微信用戶量如此之高，在微信做線上推廣便成了不可少的途徑。伴隨著一只神經(jīng)貓和幾次品牌內(nèi)容的朋友圈瘋轉(zhuǎn)，H5逐漸占據(jù)了自己的營(yíng)銷地位，越來(lái)越多的品牌開始制作H5。

而互動(dòng)性和用戶體驗(yàn)效果是用戶對(duì)一個(gè)產(chǎn)品好壞的重要評(píng)判標(biāo)準(zhǔn)，同樣這2點(diǎn)也是H5營(yíng)銷傳播內(nèi)容好壞的決定因素。畫面精美、體驗(yàn)新奇、操作流暢的H5才會(huì)讓用戶給品牌加分。

人是視覺(jué)動(dòng)物，那么燒腦君今天給大家整理了十個(gè)畫風(fēng)精奇的H5(排名不分先后)，都非常有意思，一起來(lái)看看吧!

1費(fèi)玉清又火了!快聽2017年洗腦神曲

出品：滴滴出行

技術(shù)實(shí)現(xiàn)： Video

視頻類，模擬費(fèi)玉清專輯，濃濃80年代海報(bào)設(shè)計(jì)感，文字畫面設(shè)計(jì)感強(qiáng)，滑動(dòng)屏幕開始播放視頻，小哥騎車從1里之外一直唱到6里之外，每一里的設(shè)定都有電影海報(bào)的既視感，最后可以進(jìn)進(jìn)入滴滴打車叫車界面，十分有趣。

2一分鐘看懂單身狗

出品：藝龍

技術(shù)實(shí)現(xiàn)： Video

以簡(jiǎn)筆畫動(dòng)畫講述了一個(gè)男主狗?！耙蛳螺dAPP網(wǎng)速慢而無(wú)法去酒店開房看夜光手表導(dǎo)致的悲慘分手”，掃地大媽為安慰狗剩，在說(shuō)唱和掃地中不漏痕跡的把“微信錢包訂酒店”的信息表現(xiàn)出來(lái)，最后可以奔走相告，分享給好友以及領(lǐng)取520專享紅包!

畫風(fēng)簡(jiǎn)潔，音樂(lè)魔性。體驗(yàn)上，整個(gè)案例輕松，幽默。

3轉(zhuǎn)完這個(gè)H5，就去陪老媽過(guò)節(jié)

出品：統(tǒng)帥電器

技術(shù)實(shí)現(xiàn)： Video

情景類。在母親節(jié)來(lái)臨之際， 該H5將媽媽的形象進(jìn)行了差異化，以一個(gè)年輕人做事的方式來(lái)呈現(xiàn)媽媽“逃離不孝子女““媽媽集體去火星”這樣的表現(xiàn)方式，突破常規(guī)思維;同時(shí)描繪媽媽走后，年輕人生活的囧態(tài)——房間臟亂差，衣服八周一洗，闡釋媽媽的重要性。

4端午節(jié)拒做單身狗!

出品：網(wǎng)易

技術(shù)實(shí)現(xiàn)：Canvas + Egret(白鷺引擎)

測(cè)試答題類，端午來(lái)了，有幾道給你測(cè)試一下自己撩人本事的題。

你的另一半想吃粽子了，需要你根據(jù)TA的描述，猜測(cè)TA喜歡吃甜粽還是咸粽， 十道題全部猜完后，即可看到你猜對(duì)了幾次，并根據(jù)你的戰(zhàn)績(jī)給出你能追到的男神or女神的名字， 最后點(diǎn)擊結(jié)果頁(yè)“領(lǐng)端午禮物”，登錄網(wǎng)易新聞客戶端即可有一次抽獎(jiǎng)機(jī)會(huì)。鬼畜風(fēng)格，視覺(jué)效果強(qiáng)烈…一言難盡…!

5飛越淘寶奇市

出品：淘寶

技術(shù)實(shí)現(xiàn)：Java+3D+Video

通過(guò)一支風(fēng)箏穿越的時(shí)空的方式，進(jìn)行展現(xiàn)造物節(jié)的豐富，進(jìn)行活動(dòng)宣傳。

利用交互動(dòng)畫+3D建模視頻來(lái)完成，一共四個(gè)場(chǎng)景，每個(gè)場(chǎng)景串場(chǎng)動(dòng)畫為一只風(fēng)箏穿梭于五彩斑斕的時(shí)光隧道，利用重力感應(yīng)+ThreeJS來(lái)完成交互，然后播放東、西、南、北四個(gè)方位進(jìn)入的3D視角視頻。背景音樂(lè)輕快悅耳，新穎的H5形式讓人印象深刻。

6穿越未來(lái)來(lái)看你

出品：騰訊

技術(shù)實(shí)現(xiàn)：Zepto + Video

插畫風(fēng)格，畫風(fēng)極致細(xì)膩，一面承載著中國(guó)的傳統(tǒng)文化，另一面象征未來(lái)的大場(chǎng)景，不僅打造了騰訊NEXT IDEA的標(biāo)志性;中間部分中國(guó)風(fēng)和科技相結(jié)合，在不可思議中將傳統(tǒng)美與未來(lái)科技融合!后面的畫面又有一種科幻風(fēng)，想象力十足。

音樂(lè)上，混拼音樂(lè)，從曲調(diào)獨(dú)特的京劇、古典樂(lè)轉(zhuǎn)為節(jié)奏動(dòng)感的RAP，分分鐘將未來(lái)與傳統(tǒng)相結(jié)合。

7關(guān)于我的故事，全在這里了

出品：岡本

技術(shù)實(shí)現(xiàn)：

CreateJS + TweenMax +Zepto +Video

視頻將這幅“極樂(lè)飛升圖”作為切入點(diǎn)，講述了岡本產(chǎn)品，從設(shè)計(jì)，到“原料加工”，到“產(chǎn)品成型”，再到“安全檢測(cè)”等全部過(guò)程。

畫面風(fēng)格很像浮世繪，淡黃色的背景，與整體給人的“污”感完美結(jié)合在了一起。男聲配音充滿吸引力，情緒也恰到好處，配合著畫面，將故事講述的超級(jí)生動(dòng)形象，一點(diǎn)都不枯燥。

8上手機(jī)QQ 貼表情

出品：騰訊

技術(shù)實(shí)現(xiàn)： CreateJS+Zepto+video

畫館從“戴珍珠耳環(huán)的少女”開始，各種世界名畫、圣經(jīng)里的人物，都趁夜出來(lái)斗圖逗表情，最后推出“上手機(jī)QQ貼表情”的主題，且底部露出動(dòng)圖拖拽演示效果。

用夜晚美術(shù)館中的“世界名畫”為手機(jī)QQ的貼圖表情代言，讓大家在歡樂(lè)中感受手機(jī)QQ的貼圖表情的魅力，誘導(dǎo)App更新和安裝。

9你學(xué)到的有多少已還給老師

出品：海寧日?qǐng)?bào)

技術(shù)實(shí)現(xiàn)： jQuery

游戲類，共有十道小學(xué)題，每題都是小學(xué)學(xué)過(guò)的的知識(shí)，題目主要采用圖文結(jié)合的形式，每題答完，在選項(xiàng)上會(huì)有對(duì)錯(cuò)圖標(biāo)提示，題目上方的大圖上會(huì)出現(xiàn)吐槽文字;全部答完后即可看到自己的得分，掃描二維碼即可下載app。

插畫風(fēng)格，采用綠色作為主色調(diào)，瞬間讓人回到小學(xué)看課本的節(jié)奏中去。

10ofo小黃車研發(fā)車間

出品：ofo

技術(shù)實(shí)現(xiàn)： Canvas + Java

圖文類。一共五個(gè)場(chǎng)景展示“ofo小黃車研發(fā)車間”。點(diǎn)擊小黃人，啟動(dòng)工廠設(shè)備，小黃人對(duì)車輛驅(qū)動(dòng)系統(tǒng)進(jìn)行檢測(cè);進(jìn)行車輛組裝車間，搖一搖手機(jī)，糾正圖紙方向;進(jìn)入染色車間，向下滑動(dòng)屏幕，將車輛進(jìn)入小黃人澡池進(jìn)行染色;進(jìn)入測(cè)試車間，點(diǎn)擊黃豆喂給小黃人，兩個(gè)屁就可催動(dòng)車輛。隨后搖一搖為發(fā)布會(huì)揭幕，大boss與小黃人代表接受采訪，表示小黃人車間拳頭產(chǎn)品-小黃車榮耀上市。

案例整體以3D模型展示，空間感十足，小細(xì)節(jié)滿滿，十分精致。顏色方面以小黃人與ofo共有黃色為主色調(diào)，增強(qiáng)產(chǎn)品辨識(shí)度。多種方式的交互方式，配合有趣的音效，給人一愉快的體驗(yàn)。

以上就是類似于h5營(yíng)銷案例的內(nèi)容，如果想要了解關(guān)于淘寶seo教程及移動(dòng)營(yíng)銷服務(wù)商，可直接點(diǎn)擊查看