本書全面系統(tǒng)地介紹了H5技術的相關知識點和基本制作方法,包括H5初識、H5的設計與制作、互動游戲H5制作、活動抽獎H5制作、測試問答H5制作、滑動翻頁H5制作、長頁滑動H5制作、畫中畫H5制作、3D/全景H5制作以及視頻動畫H5制作等內容。案例涉及易企秀、凡科、iH5等主流平臺與Photoshop軟件的綜合應用。 全書內容介紹均以課堂案例為主線,每個案例都有詳細的操作步驟及實際應用環(huán)境展示,學生通過實際操作可以快速熟悉H5技術并領會設計思路。每章的軟件功能解析部分使學生能夠深入學習H5相關的軟件功能和特色。主要章節(jié)的最后還安排了課堂練習和課后習題,可以拓展學生對H5設計的實際應用能力。
易企秀、凡科、iH5等主流平臺與Photoshop軟件綜合應用
用免費功能做專業(yè)設計
使用本書,3步學會H5設計與制作:
Step1 精選基礎知識,快速了解H5設計
Step2 知識點解析+課堂案例,熟悉設計思路,掌握制作方法
Step3 課堂練習+課后習題,拓展應用能力
配套資源:慕課視頻、所有案例的素材及最終效果文件、PPT課件、教學大綱、教學教案
新架構互聯(lián)網設計教育研究院由頂尖商業(yè)設計師和院校資深教授創(chuàng)立。立足數(shù)字藝術教育16年,出版圖書270余種,暢銷370萬冊,《中文版Photoshop基礎培訓教程》銷量超30萬冊,海量專業(yè)案例、豐富配套資源、行業(yè)操作技巧、核心內容把握、細膩學習安排,為學習者提供足量的知識、實用的方法、有價值的經驗,助力設計師不斷成長。為教師提供課程標準、授課計劃、教案、PPT、案例、視頻、題庫、實訓項目等一站式教學解決方案。
第 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ù)據分析 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)網行業(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)網行業(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è)產品介紹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è)產品營銷H5制作 103
第8章 畫中畫H5制作
8.1 課堂案例——IT互聯(lián)網行業(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è)產品營銷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è)產品推廣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