本書全面系統(tǒng)地介紹了H5技術(shù)的相關(guān)知識點和基本制作方法,包括H5初識、H5的設(shè)計與制作、互動游戲H5制作、活動抽獎H5制作、測試問答H5制作、滑動翻頁H5制作、長頁滑動H5制作、畫中畫H5制作、3D/全景H5制作以及視頻動畫H5制作等內(nèi)容。案例涉及易企秀、凡科、iH5等主流平臺與Photoshop軟件的綜合應(yīng)用。 全書內(nèi)容介紹均以課堂案例為主線,每個案例都有詳細的操作步驟及實際應(yīng)用環(huán)境展示,學(xué)生通過實際操作可以快速熟悉H5技術(shù)并領(lǐng)會設(shè)計思路。每章的軟件功能解析部分使學(xué)生能夠深入學(xué)習(xí)H5相關(guān)的軟件功能和特色。主要章節(jié)的最后還安排了課堂練習(xí)和課后習(xí)題,可以拓展學(xué)生對H5設(shè)計的實際應(yīng)用能力。
易企秀、凡科、iH5等主流平臺與Photoshop軟件綜合應(yīng)用
用免費功能做專業(yè)設(shè)計
使用本書,3步學(xué)會H5設(shè)計與制作:
Step1 精選基礎(chǔ)知識,快速了解H5設(shè)計
Step2 知識點解析+課堂案例,熟悉設(shè)計思路,掌握制作方法
Step3 課堂練習(xí)+課后習(xí)題,拓展應(yīng)用能力
配套資源:慕課視頻、所有案例的素材及最終效果文件、PPT課件、教學(xué)大綱、教學(xué)教案
新架構(gòu)互聯(lián)網(wǎng)設(shè)計教育研究院由頂尖商業(yè)設(shè)計師和院校資深教授創(chuàng)立。立足數(shù)字藝術(shù)教育16年,出版圖書270余種,暢銷370萬冊,《中文版Photoshop基礎(chǔ)培訓(xùn)教程》銷量超30萬冊,海量專業(yè)案例、豐富配套資源、行業(yè)操作技巧、核心內(nèi)容把握、細膩學(xué)習(xí)安排,為學(xué)習(xí)者提供足量的知識、實用的方法、有價值的經(jīng)驗,助力設(shè)計師不斷成長。為教師提供課程標(biāo)準、授課計劃、教案、PPT、案例、視頻、題庫、實訓(xùn)項目等一站式教學(xué)解決方案。
第 1章 H5初識
1.1 H5的定義 2
1.2 H5的發(fā)展 3
1.3 H5的特點 5
1.4 H5的應(yīng)用 5
1.5 H5的類型 6
第 2章 H5的設(shè)計與制作
2.1 H5設(shè)計與制作的項目流程 12
2.2 H5設(shè)計與制作的常用軟件 12
2.3 H5設(shè)計與制作的基本規(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)意設(shè)計風(fēng)格 30
2.5.4 H5的動效設(shè)計運用 34
2.5.5 H5的音效設(shè)計方法 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 交互設(shè)計 40
3.1.3 視覺設(shè)計 40
3.1.4 制作發(fā)布 41
3.2 課堂練習(xí)——食品餐飲行業(yè)翻牌子H5制作 43
3.3 課后習(xí)題——寵物醫(yī)療行業(yè)打地鼠H5制作 44
第4章 活動抽獎H5制作
4.1 課堂案例——電子商務(wù)行業(yè)九宮格H5制作 46
4.1.1 項目策劃 46
4.1.2 交互設(shè)計 46
4.1.3 視覺設(shè)計 47
4.1.4 制作發(fā)布 52
4.2 課堂練習(xí)——金融理財行業(yè)搖一搖H5制作 55
4.3 課后習(xí)題——文化傳媒行業(yè)刮刮樂H5制作 55
第5章 測試問答H5制作
5.1 課堂案例——IT互聯(lián)網(wǎng)行業(yè)節(jié)日答題H5制作 57
5.1.1 項目策劃 57
5.1.2 交互設(shè)計 57
5.1.3 視覺設(shè)計 57
5.1.4 制作發(fā)布 63
5.2 課堂練習(xí)——IT互聯(lián)網(wǎng)行業(yè)腦力測試H5制作 64
5.3 課后習(xí)題——文化傳媒行業(yè)知識分享H5制作 65
第6章 滑動翻頁H5制作
6.1 課堂案例——文化傳媒行業(yè)企業(yè)招聘H5制作 67
6.1.1 項目策劃 67
6.1.2 交互設(shè)計 68
6.1.3 視覺設(shè)計 68
6.1.4 制作發(fā)布 83
6.2 課堂練習(xí)——汽車工業(yè)行業(yè)活動邀請H5制作 88
6.3 課后習(xí)題——教育咨詢行業(yè)培訓(xùn)招生H5制作 89
第7章 長頁滑動H5制作
7.1 課堂案例——食品餐飲行業(yè)產(chǎn)品介紹H5制作 91
7.1.1 項目策劃 91
7.1.2 交互設(shè)計 91
7.1.3 視覺設(shè)計 91
7.1.4 制作發(fā)布 97
7.2 課堂練習(xí)——文化傳媒行業(yè)活動邀請H5制作 102
7.3 課后習(xí)題——服裝飾品行業(yè)產(chǎn)品營銷H5制作 103
第8章 畫中畫H5制作
8.1 課堂案例——IT互聯(lián)網(wǎng)行業(yè)活動邀請H5制作 105
8.1.1 項目策劃 105
8.1.2 交互設(shè)計 105
8.1.3 視覺設(shè)計 106
8.1.4 制作發(fā)布 120
8.2 課堂練習(xí)——設(shè)計服務(wù)公司招聘H5制作 123
8.3 課后習(xí)題——食品餐飲行業(yè)產(chǎn)品營銷H5制作 124
第9章 3D/全景H5制作
9.1 課堂案例——金融理財行業(yè)節(jié)日祝福H5制作 126
9.1.1 項目策劃 126
9.1.2 交互設(shè)計 127
9.1.3 視覺設(shè)計 127
9.1.4 制作發(fā)布 138
9.2 課堂練習(xí)——電子商務(wù)行業(yè)活動促銷H5制作 142
9.3 課后習(xí)題——家居裝修行業(yè)產(chǎn)品推廣H5制作 142
第 10章 視頻動畫H5制作
10.1 課堂案例——旅游出行行業(yè)活動推廣H5制作 145
10.1.1 項目策劃 145
10.1.2 交互設(shè)計 146
10.1.3 視覺設(shè)計 146
10.1.4 制作發(fā)布 162
10.2 課堂練習(xí)——文化傳媒行業(yè)活動推廣H5制作 169
10.3 課后習(xí)題——電子數(shù)碼行業(yè)品牌推廣H5制作 170