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

第 1章　H5初識
1．1　H5的定義　2
1．2　H5的發(fā)展　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設計與制作的基本規(guī)范　13
2．4　H5制作的注意事項　17
2．5　H5的創(chuàng)意實現(xiàn)　22
2．5．1　H5的常用策劃方法　22
2．5．2　H5的常用交互方法　25
2．5．3　H5的創(chuàng)意設計風格　30
2．5．4　H5的動效設計運用　34
2．5．5　H5的音效設計方法　36
2．5．6　H5的常用測試方法　37
2．5．7　H5的常規(guī)數(shù)據(jù)分析　38
第3章　互動游戲H5制作
3．1　課堂案例——媒體娛樂行業(yè)消消樂H5制作　40
3．1．1　項目策劃　40
3．1．2　交互設計　40
3．1．3　視覺設計　40
3．1．4　制作發(fā)布　41
3．2　課堂練習——食品餐飲行業(yè)翻牌子H5制作　43
3．3　課后習題——寵物醫(yī)療行業(yè)打地鼠H5制作　44
第4章　活動抽獎H5制作
4．1　課堂案例——電子商務行業(yè)九宮格H5制作　46
4．1．1　項目策劃　46
4．1．2　交互設計　46
4．1．3　視覺設計　47
4．1．4　制作發(fā)布　52
4．2　課堂練習——金融理財行業(yè)搖一搖H5制作　55
4．3　課后習題——文化傳媒行業(yè)刮刮樂H5制作　55
第5章　測試問答H5制作
5．1　課堂案例——IT互聯(lián)網(wǎng)行業(yè)節(jié)日答題H5制作　57
5．1．1　項目策劃　57
5．1．2　交互設計　57
5．1．3　視覺設計　57
5．1．4　制作發(fā)布　63
5．2　課堂練習——IT互聯(lián)網(wǎng)行業(yè)腦力測試H5制作　64
5．3　課后習題——文化傳媒行業(yè)知識分享H5制作　65
第6章　滑動翻頁H5制作
6．1　課堂案例——文化傳媒行業(yè)企業(yè)招聘H5制作　67
6．1．1　項目策劃　67
6．1．2　交互設計　68
6．1．3　視覺設計　68
6．1．4　制作發(fā)布　83
6．2　課堂練習——汽車工業(yè)行業(yè)活動邀請H5制作　88
6．3　課后習題——教育咨詢行業(yè)培訓招生H5制作　89
第7章　長頁滑動H5制作
7．1　課堂案例——食品餐飲行業(yè)產(chǎn)品介紹H5制作　91
7．1．1　項目策劃　91
7．1．2　交互設計　91
7．1．3　視覺設計　91
7．1．4　制作發(fā)布　97
7．2　課堂練習——文化傳媒行業(yè)活動邀請H5制作　102
7．3　課后習題——服裝飾品行業(yè)產(chǎn)品營銷H5制作　103
第8章　畫中畫H5制作
8．1　課堂案例——IT互聯(lián)網(wǎng)行業(yè)活動邀請H5制作　105
8．1．1　項目策劃　105
8．1．2　交互設計　105
8．1．3　視覺設計　106
8．1．4　制作發(fā)布　120
8．2　課堂練習——設計服務公司招聘H5制作　123
8．3　課后習題——食品餐飲行業(yè)產(chǎn)品營銷H5制作　124
第9章　3D/全景H5制作
9．1　課堂案例——金融理財行業(yè)節(jié)日祝福H5制作　126
9．1．1　項目策劃　126
9．1．2　交互設計　127
9．1．3　視覺設計　127
9．1．4　制作發(fā)布　138
9．2　課堂練習——電子商務行業(yè)活動促銷H5制作　142
9．3　課后習題——家居裝修行業(yè)產(chǎn)品推廣H5制作　142
第　10章 視頻動畫H5制作
10．1　課堂案例——旅游出行行業(yè)活動推廣H5制作　145
10．1．1　項目策劃　145
10．1．2　交互設計　146
10．1．3　視覺設計　146
10．1．4　制作發(fā)布　162
10．2　課堂練習——文化傳媒行業(yè)活動推廣H5制作　169
10．3　課后習題——電子數(shù)碼行業(yè)品牌推廣H5制作　170