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

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

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

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

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

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

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

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

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

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