H5頁面設計與製作（全彩慕課版）

新架構因特網設計教育研究院由頂尖商業設計師和院校資深教授創立。立足數字藝術教育16年，出版圖書270餘種，暢銷370萬冊，《中文版Photoshop基礎培訓教程》銷量超30萬冊，海量專業案例、豐富配套資源、行業操作技巧、核心內容把握、細膩學習安排，為學習者提供足量的知識、實用的方法、有價值的經驗，助力設計師不斷成長。為教師提供課程標準、授課計劃、教案、PPT、案例、視頻、題庫、實訓項目等一站式教學解決方案。

第 1章　H5初識

1.1　H5的定義　2

1.2　H5的發展　3

1.3　H5的特點　5

1.4　H5的應用　5

1.5　H5的類型　6

第 2章　H5的設計與製作

2.1　H5設計與製作的項目流程　12

2.2　H5設計與製作的常用軟件　12

2.3　H5設計與製作的基本規範　13

2.4　H5製作的註意事項　17

2.5　H5的創意實現　22

2.5.1　H5的常用策劃方法　22

2.5.2　H5的常用交互方法　25

2.5.3　H5的創意設計風格　30

2.5.4　H5的動效設計運用　34

2.5.5　H5的音效設計方法　36

2.5.6　H5的常用測試方法　37

2.5.7　H5的常規數據分析　38

第3章　互動遊戲H5製作

3.1　課堂案例——媒體娛樂行業消消樂H5製作　40

3.1.1　項目策劃　40

3.1.2　交互設計　40

3.1.3　視覺設計　40

3.1.4　製作發布　41

3.2　課堂練習——食品餐飲行業翻牌子H5製作　43

3.3　課後習題——寵物醫療行業打地鼠H5製作　44

第4章　活動抽獎H5製作

4.1　課堂案例——電子商務行業九宮格H5製作　46

4.1.1　項目策劃　46

4.1.2　交互設計　46

4.1.3　視覺設計　47

4.1.4　製作發布　52

4.2　課堂練習——金融理財行業搖一搖H5製作　55

4.3　課後習題——文化傳媒行業刮刮樂H5製作　55

第5章　測試問答H5製作

5.1　課堂案例——IT因特網行業節日答題H5製作　57

5.1.1　項目策劃　57

5.1.2　交互設計　57

5.1.3　視覺設計　57

5.1.4　製作發布　63

5.2　課堂練習——IT因特網行業腦力測試H5製作　64

5.3　課後習題——文化傳媒行業知識分享H5製作　65

第6章　滑動翻頁H5製作

6.1　課堂案例——文化傳媒行業企業招聘H5製作　67

6.1.1　項目策劃　67

6.1.2　交互設計　68

6.1.3　視覺設計　68

6.1.4　製作發布　83

6.2　課堂練習——汽車工業行業活動邀請H5製作　88

6.3　課後習題——教育咨詢行業培訓招生H5製作　89

第7章　長頁滑動H5製作

7.1　課堂案例——食品餐飲行業產品介紹H5製作　91

7.1.1　項目策劃　91

7.1.2　交互設計　91

7.1.3　視覺設計　91

7.1.4　製作發布　97

7.2　課堂練習——文化傳媒行業活動邀請H5製作　102

7.3　課後習題——服裝飾品行業產品營銷H5製作　103

第8章　畫中畫H5製作

8.1　課堂案例——IT因特網行業活動邀請H5製作　105

8.1.1　項目策劃　105

8.1.2　交互設計　105

8.1.3　視覺設計　106

8.1.4　製作發布　120

8.2　課堂練習——設計服務公司招聘H5製作　123

8.3　課後習題——食品餐飲行業產品營銷H5製作　124

第9章　3D/全景H5製作

9.1　課堂案例——金融理財行業節日祝福H5製作　126

9.1.1　項目策劃　126

9.1.2　交互設計　127

9.1.3　視覺設計　127

9.1.4　製作發布　138

9.2　課堂練習——電子商務行業活動促銷H5製作　142

9.3　課後習題——家居裝修行業產品推廣H5製作　142

第 10章　視頻動畫H5製作

10.1　課堂案例——旅遊出行行業活動推廣H5製作　145

10.1.1　項目策劃　145

10.1.2　交互設計　146

10.1.3　視覺設計　146

10.1.4　製作發布　162

10.2　課堂練習——文化傳媒行業活動推廣H5製作　169

10.3　課後習題——電子數碼行業品牌推廣H5製作　170