寫在前面：

h5是指第5代HTML，也指用H5語(yǔ)言制作的一切數(shù)字產(chǎn)品。所謂HTML是“超文本標(biāo)記語(yǔ)言”的英文縮寫。平時(shí)看到的網(wǎng)頁(yè)就可以用這種語(yǔ)言編寫的。

記得有則新聞，說(shuō)是知名手機(jī)老總被記者問(wèn)到對(duì)H5的看法，結(jié)果老外完全不知道是啥。所以也請(qǐng)大家不要對(duì)此誤解。H5只是咱們國(guó)內(nèi)的叫法。

數(shù)據(jù)：

1、截至2015，有80%的App將全部或部分基于HTML5。這意味著大部分App的內(nèi)容都將是以網(wǎng)頁(yè)的形式呈現(xiàn)，典型的例子包括微信、Facebook、Twitter等。(數(shù)據(jù)來(lái)源：國(guó)際科技媒體 Read Write Web，2015)

2、瀏覽量最高的1000個(gè)H5作品中，42%是心靈雞湯，最高17,358,480 uv;27%是測(cè)試題，最高49,940,339 uv;15%是社交互動(dòng)游戲，最高2,892,047 uv; 5%是大型品牌宣傳，最高551,195 uv。(數(shù)據(jù)來(lái)源：在線h5工具平臺(tái)ih5.cn，2015.9)

正文：

我們現(xiàn)在所說(shuō)的H5多指以手機(jī)端為主的網(wǎng)絡(luò)推廣營(yíng)銷，經(jīng)常刷爆朋友圈的案例一般有如下尿性（額，我并太清楚這詞啥意思）：

①和用戶精神上的互動(dòng)：打情感牌：親情友情愛(ài)情；節(jié)日熱點(diǎn)（papi醬完宋仲機(jī)）；公益宣傳（里面會(huì)渾水摸魚(yú)的夾雜著商業(yè)目的）；雞湯（不是懷舊就是青春）；

②和用戶肉體上的互動(dòng)：小游戲，測(cè)試題，偶爾P圖P假證，大家都樂(lè)呵呵的曬朋友圈。還有一種比較厚道，視覺(jué)效果好，這里又分為畫(huà)面炫酷和技術(shù)牛X（3D、重力）；

而根據(jù)不同的目的

H5又能分為好幾類：活動(dòng)運(yùn)營(yíng)、品牌宣傳、產(chǎn)品介紹、總結(jié)報(bào)告等類型。今天先不說(shuō)了，不然根本停不下來(lái)，感興趣的小伙伴可以去自行百度。

今天主要說(shuō)H5在設(shè)計(jì)中的類型，個(gè)人總結(jié)，歡迎糾正。

一、圖文簡(jiǎn)約流

    這個(gè)分類算是H5的始祖了，最早2014年的開(kāi)山鼻祖H5《特拉斯》《神經(jīng)貓》還有《聚》（聚已經(jīng)有特效了）

二、視覺(jué)流

    技術(shù)、音效、畫(huà)面等方面全力配合以提高用戶的體驗(yàn)。畫(huà)面創(chuàng)意棒的有《杜蕾斯藝術(shù)館》《騰訊游戲》

杜蕾斯↑

↑《生命之上，想象之下》   騰訊UP大會(huì)宣傳廣告

三、數(shù)據(jù)流

    大多用圖表來(lái)表現(xiàn)數(shù)據(jù)，讀者能迅速瀏覽數(shù)據(jù)，掌握主要內(nèi)容。一般節(jié)奏鮮明，例：京東和淘寶還有支付寶賬單

四、游戲流

    為什么單獨(dú)列出一類，不把他放到視覺(jué)里。因?yàn)楝F(xiàn)在html已經(jīng)強(qiáng)大到做游戲了。他已經(jīng)成為交互營(yíng)銷的一大門派，讓它做小弟可不愿意。游戲案例屈指可數(shù)，如《圍住神經(jīng)貓》《看你有多色》《一夜N次郎》（別踩白塊兒）

五、福利流

    代金券、優(yōu)惠券都是商家常用的推廣伎倆，現(xiàn)在通過(guò)H5更是火上澆油，一發(fā)不可收拾。雖然大家嘴上不在乎這點(diǎn)小利，但身體卻很誠(chéng)實(shí)。經(jīng)典的有神州專車《神創(chuàng)》，大眾點(diǎn)評(píng)系列《狂怒》《復(fù)仇者聯(lián)盟》

好了，今天就分享到這，下次再分享H5實(shí)戰(zhàn)注意事項(xiàng)。