可視化H5頁面與交互動畫設(shè)計制作 木疙瘩標準教程

001　第１章　移動通信、信息傳播與H5
002　1．1　移動通信技術(shù)概述
002　1．1．1　通信與移動通信
002　1．1．2　移動通信的發(fā)展階段
003　1．1．3　移動通信的優(yōu)勢及應(yīng)解決的關(guān)鍵問題
004　1．2　信息內(nèi)容與信息傳播
004　1．2．1　信息內(nèi)容及其表達形式
005　1．2．2　信息傳播
006　1．3　融媒體、H5與交互動畫
006　1．3．1　融媒體
006　1．3．2　H5
008　1．3．3　交互動畫
008　1．4　H5制作平臺與H5案例體驗
008　1．4．1　可視化H5制作平臺
008　1．4．2　H5案例體驗
009　1．5　H5頁面設(shè)計的基本原則與規(guī)范
009　1．5．1　H5頁面設(shè)計的基本原則
012　1．5．2　H5頁面設(shè)計的基本規(guī)范
013　1．6　【基礎(chǔ)學(xué)習(xí)任務(wù)】了解H5頁面設(shè)計的基本流程
013　1．6．1　策劃與頁面設(shè)計
014　1．6．2　設(shè)計案例介紹
016　1．6．3　素材收集與整理
018　第 2章　木疙瘩平臺與專業(yè)版H5編輯器的基本操作與管理
019　2．1　【基礎(chǔ)學(xué)習(xí)任務(wù)】木疙瘩基本操作與管理
019　2．1．1　注冊、登錄與退出木疙瘩操作
021　2．1．2　新建作品與作品文件管理操作
026　2．1．3　模板管理與素材管理操作
027　2．1．4　班級管理與作品分享操作
029　2．2　【基礎(chǔ)學(xué)習(xí)任務(wù)】專業(yè)版H5編輯器界面及其操作
029　2．2．1　菜單欄
034　2．2．2　工具欄
036　2．2．3　頁面欄、頁面編輯區(qū)和舞臺
038　2．2．4　工具箱
043　2．2．5　屬性面板
045　2．2．6　時間軸和圖層
046　第3章　H5頁面制作基礎(chǔ)
047　3．1　【技能型任務(wù)】圖文公益廣告“為夢想起航”
047　3．1．1　規(guī)劃與設(shè)計
047　3．1．2　任務(wù)制作
053　3．2　【技能型任務(wù)】長圖新聞故事“節(jié)日里的城市守護者”
053　3．2．1　規(guī)劃與設(shè)計
053　3．2．2　任務(wù)制作
058　3．3　【技能型任務(wù)】繪圖交互宣傳廣告“我的家鄉(xiāng)邀請你”
059　3．3．1　規(guī)劃與設(shè)計
059　3．3．2　任務(wù)制作
066　3．4　任務(wù)訓(xùn)練
068　第4章　行為、觸發(fā)條件與交互
069　4．1　【基礎(chǔ)學(xué)習(xí)任務(wù)】了解行為與觸發(fā)條件的作用
069　4．1．1　“醒一醒”交互動畫作品的解析
070　4．1．2　行為與觸發(fā)條件在交互設(shè)計中的作用
072　4．2　【基礎(chǔ)學(xué)習(xí)任務(wù)】交互控制基本原理及圖層和幀的操作
072　4．2．1　圖層及基本操作
073　4．2．2　幀的基本類型
074　4．2．3　幀的基本操作
075　4．2．4　交互控制基本原理
076　4．3　【技能型任務(wù)】屬性控制交互——“安全駕駛”公益廣告
076　4．3．1　規(guī)劃與設(shè)計
077　4．3．2　任務(wù)制作
082　4．4　【技能型任務(wù)】頁行為交互——“昆明老街與重慶市井”影集
083　4．4．1　規(guī)劃與設(shè)計
083　4．4．2　任務(wù)制作
085　4．5　【技能型任務(wù)】幀行為交互——“看圖猜成語”游戲
085　4．5．1　規(guī)劃與設(shè)計
086　4．5．2　任務(wù)制作
089　4．6　【技能型任務(wù)】限時拼圖交互——“電影洗印設(shè)備拼圖”游戲
089　4．6．1　規(guī)劃與設(shè)計
090　4．6．2　任務(wù)制作
094　4．7　任務(wù)訓(xùn)練
095　第5章　幀動畫設(shè)計、制作與應(yīng)用
096　5．1　【技能型任務(wù)】幀動畫的基本制作——“油菜花節(jié)”宣傳廣告
096　5．1．1　規(guī)劃與設(shè)計
096　5．1．2　任務(wù)制作
098　5．2　【技能型任務(wù)】交互幀動畫制作——“把精彩留給自己”公益廣告
099　5．2．1　完成3個頁面的基本制作
102　5．2．2　控制賽車的運動速度：插入、刪除幀的操作
102　5．2．3　幀動畫重復(fù)播放設(shè)置：復(fù)制、移動幀的操作
103　5．3　【技能型任務(wù)】運動鏡頭幀動畫制作——“中國電影博物館”宣傳介紹
104　5．3．1　規(guī)劃與設(shè)計
104　5．3．2　任務(wù)制作
107　5．4　【技能型任務(wù)】逐幀動畫“倒霉的貓”
108　5．4．1　規(guī)劃與設(shè)計
109　5．4．2　任務(wù)制作
111　5．5　【技能型任務(wù)】逐幀交互動畫“風(fēng)景如畫”
112　5．5．1　規(guī)劃與設(shè)計
112　5．5．2　任務(wù)制作
113　5．5．3　循環(huán)交互效果逐幀動畫設(shè)計與制作
114　5．6　任務(wù)訓(xùn)練
116　第6章　特型動畫
117　6．1　【技能型任務(wù)】制作基本特型動畫
117　6．1．1　進度動畫——“節(jié)約用水”公益廣告
118　6．1．2　路徑動畫——“UFO來了”動畫
121　6．1．3　變形動畫——“企業(yè)標志轉(zhuǎn)換為產(chǎn)品”動畫
123　6．1．4　遮罩動畫——“春節(jié)快樂”音樂賀卡
126　6．2　【技能型任務(wù)】交互動畫——“走進云南”旅游宣傳
126　6．2．1　規(guī)劃與設(shè)計
127　6．2．2　任務(wù)制作
130　6．3　【技能型任務(wù)】元件、元件動畫設(shè)計與制作
131　6．3．1　元件動畫制作與調(diào)用——“C919大飛機介紹”動畫
135　6．3．2　元件交互動畫制作與播放控制——“新龜兔賽跑”動畫
140　6．4　【技能型任務(wù)】交互游戲——“雙、單按鈕控制轎車行駛”游戲
141　6．4．1　“雙按鈕控制轎車行駛”的規(guī)劃與設(shè)計
141　6．4．2　“雙按鈕控制轎車行駛”的任務(wù)制作
145　6．4．3　“單按鈕控制動畫播放與暫停”的設(shè)計與制作
147　6．5　【技能型任務(wù)】自定義預(yù)置動畫——“物體自動上升擺動”動畫
147　6．5．1　任務(wù)制作
148　6．5．2　自定義預(yù)置動畫的使用
148　6．6　任務(wù)訓(xùn)練
149　第7章　關(guān)聯(lián)動畫
150　7．1　【基礎(chǔ)學(xué)習(xí)任務(wù)】關(guān)聯(lián)的概念及基本操作
150　7．1．1　認識關(guān)聯(lián)
150　7．1．2　“矩形與圓形互動”關(guān)聯(lián)制作
152　7．2　【技能型任務(wù)】舞臺關(guān)聯(lián)動畫—“觀國寶”動畫
152　7．2．1　規(guī)劃與設(shè)計
153　7．2．2　任務(wù)制作
154　7．3　【技能型任務(wù)】遮罩關(guān)聯(lián)動畫—“定位”動畫
154　7．3．1　規(guī)劃與設(shè)計
155　7．3．2　任務(wù)制作
157　7．4　【技能型任務(wù)】元件關(guān)聯(lián)動畫—“射擊”游戲
157　7．4．1　規(guī)劃與設(shè)計
158　7．4．2　任務(wù)制作
162　7．5　任務(wù)訓(xùn)練
164　附錄　實用工具及控件的基本操作與使用
165　附錄A　微信定制工具—定制微信頭像、昵稱和圖片
166　附錄B　表單工具—“城市人口愛好”調(diào)查表
169　附錄C　數(shù)據(jù)統(tǒng)計—查看作品發(fā)布后的瀏覽次數(shù)等數(shù)據(jù)
170　附錄D　編輯表單工具—制作個人聯(lián)系方式表單
171　附錄E　預(yù)置考題工具—制作計算機基礎(chǔ)練習(xí)試卷
175　附錄F　陀螺儀控件—左右搖擺的孔明燈
177　附錄G　點贊控件—為你更喜歡的車點贊
178　附錄H　排行榜控件—成績排名
181　附錄I　投票控件—為你喜歡的顏色投票
184　附錄J　抽獎控件—促銷活動抽獎
188　附錄K　虛擬現(xiàn)實工具—文化古街“國子監(jiān)街”
192　附錄L　連線控件—識別車輛行進標志