頁(yè)面設(shè)計(jì)與制作（全彩慕課版）（第2版）課件 第1章 初識(shí)

H5初識(shí)隨著移動(dòng)互聯(lián)網(wǎng)的興起，H5逐漸成為了互聯(lián)網(wǎng)傳播領(lǐng)域的一個(gè)重要傳播形式，因此學(xué)習(xí)和掌握H5成為了廣大互聯(lián)網(wǎng)從業(yè)人員的重要技能之一。本章對(duì)H5的定義、發(fā)展、特點(diǎn)、應(yīng)用以及類(lèi)型進(jìn)行系統(tǒng)講解。通過(guò)對(duì)本章的學(xué)習(xí)，讀者可以對(duì)H5有一個(gè)宏觀的認(rèn)識(shí)，有助于高效便利地進(jìn)行后續(xù)的H5設(shè)計(jì)制作。掌握H5的定義了解H5的發(fā)展了解H5的特點(diǎn)熟悉H5的應(yīng)用熟悉H5的類(lèi)型學(xué)習(xí)目標(biāo)H5指的是移動(dòng)端上基于HTML5技術(shù)的交互動(dòng)態(tài)網(wǎng)頁(yè)，是用于移動(dòng)互聯(lián)網(wǎng)的一種新型營(yíng)銷(xiāo)工具，通過(guò)移動(dòng)平臺(tái)（如微信）傳播。1.1H5的定義網(wǎng)易云音樂(lè)：你的榮格心理原型PUPUPULA：2018汪年全家福我是創(chuàng)益人×騰訊廣告×騰訊基金會(huì)：敦煌數(shù)字修復(fù)開(kāi)始階段引爆階段綻放階段成熟階段1.2H5的發(fā)展1.開(kāi)始階段H5的開(kāi)始可以追溯到2014年，其最初的呈現(xiàn)狀態(tài)和PPT類(lèi)似，將經(jīng)過(guò)簡(jiǎn)單設(shè)計(jì)的靜態(tài)頁(yè)面設(shè)置成滑動(dòng)翻頁(yè)效果，常用于婚禮邀請(qǐng)、企業(yè)招聘等。

1.2H5的發(fā)展免費(fèi)婚禮邀請(qǐng)函模版2.引爆階段2014年下半年，一款名為《圍住神經(jīng)貓》的H5小游戲，引爆了微信朋友圈，最后頁(yè)面瀏覽量達(dá)數(shù)億級(jí)。隨后相繼產(chǎn)生的《看你有多色》等小游戲，讓H5真正的開(kāi)啟了引爆。

1.2H5的發(fā)展圍住神經(jīng)貓博雅：看你有多色3.綻放階段2015年～2016年是H5的全面綻放階段。在這一階段中的H5交互設(shè)計(jì)酷炫、表現(xiàn)形式新穎，以最大限度加強(qiáng)用戶(hù)參與感，提高用戶(hù)分享H5的意愿。

1.2H5的發(fā)展豆瓣：我們的精神世界淘寶×京東：造物節(jié)邀請(qǐng)函訊極光計(jì)劃：記憶重構(gòu)4.成熟階段2017年后，H5慢慢褪去了一些復(fù)雜酷炫的交互效果，開(kāi)始走向成熟。這一階段的H5輕互動(dòng)，重內(nèi)容，傳播量最大的主要有兩種形式，一種是純視頻類(lèi)H5，另一種是測(cè)試類(lèi)H5。

1.2H5的發(fā)展騰訊：穿越未來(lái)來(lái)看你貝殼租房×奇葩說(shuō)：100年后你將住在哪個(gè)奇葩星球H5具有跨平臺(tái)、多媒體、強(qiáng)互動(dòng)以及易傳播的特點(diǎn)。

1.3H5的特點(diǎn)H5的特點(diǎn)H5的應(yīng)用形式多樣，常見(jiàn)的應(yīng)用領(lǐng)域有品牌宣傳、產(chǎn)品展示、活動(dòng)推廣、知識(shí)分享、新聞熱點(diǎn)、會(huì)議邀請(qǐng)、企業(yè)招聘、培訓(xùn)招生等。

1.4H5的應(yīng)用網(wǎng)易云音樂(lè)：尋找「夢(mèng)想」的旅程，用于品牌宣傳騰訊：2016騰訊WE大會(huì)·無(wú)境，用于會(huì)議邀請(qǐng)奧美：稀有動(dòng)物懸賞令，用于企業(yè)招聘營(yíng)銷(xiāo)宣傳類(lèi)知識(shí)新聞?lì)愑螒蚧?dòng)類(lèi)網(wǎng)站應(yīng)用類(lèi)1.5H5的類(lèi)型1.營(yíng)銷(xiāo)宣傳類(lèi)營(yíng)銷(xiāo)宣傳類(lèi)H5是最常見(jiàn)的，它通常都是為產(chǎn)品、品牌以及活動(dòng)做宣傳推廣而設(shè)計(jì)的。

招商銀行APP：來(lái)！坐！騰訊：NextIdeax故宮寶馬：全新BMWM2即將上市1.5H5的類(lèi)型2.知識(shí)新聞?lì)愔R(shí)新聞?lì)怘5同樣比較普遍，它通常都是根據(jù)社會(huì)重大事件進(jìn)行宣傳新聞、普及知識(shí)的。

澎湃新聞：垃圾分類(lèi)可視化查詢(xún)手冊(cè)網(wǎng)易新聞：自白騰訊新聞×WWF×微公益：騰訊新聞1.5H5的類(lèi)型3.游戲互動(dòng)類(lèi)游戲互動(dòng)類(lèi)H5一般比較簡(jiǎn)單，在微信中點(diǎn)開(kāi)就可以直接玩，不用安裝卸載，通常多為娛樂(lè)或引流而制作。

網(wǎng)易新聞×噠噠×999皮炎平：守護(hù)你的幸運(yùn)足球網(wǎng)易新聞×噠噠：睡姿大比拼小米：我在宮里遇到一件奇怪的事1.5H5的類(lèi)型4.網(wǎng)站應(yīng)用類(lèi)網(wǎng)站應(yīng)用類(lèi)H5在產(chǎn)品設(shè)計(jì)領(lǐng)域中常被稱(chēng)為“H5網(wǎng)站