可視化H5頁面設(shè)計(jì)與制作：Mugeda標(biāo)準(zhǔn)教程

第１章 移動(dòng)通信、信息傳播與H5
1．1 移動(dòng)通信技術(shù)概述
1．1．1 通信與移動(dòng)通信
1．1．2 移動(dòng)通信的發(fā)展階段
1．1．3 移動(dòng)通信的優(yōu)勢(shì)及應(yīng)解決的關(guān)鍵問題
1．2 信息內(nèi)容與信息傳播
1．2．1 信息內(nèi)容及其表達(dá)形式
1．2．2 信息傳播
1．3 移動(dòng)用戶終端與智能手機(jī)
1．3．1 無處不在的移動(dòng)用戶終端
1．3．2 智能手機(jī)
1．4 H5簡(jiǎn)介
1．4．1 H5的基本特征
1．4．2 H5開發(fā)工具與H5營銷
1．4．3 H5案例體驗(yàn)
第２章 可視化的H5頁面制作平臺(tái)Mugeda
2．1 初識(shí)Mugeda
2．2 Mugeda的基本功能與應(yīng)用
2．2．1 Mugeda的基本功能
2．2．2 Mugeda的應(yīng)用
2．3 體驗(yàn)H5頁面制作過程
2．3．1 Mugeda基本操作流程與賬號(hào)注冊(cè)
2．3．2 數(shù)字賬號(hào)操作
2．3．3 新建H5作品
2．3．4 編輯、刪除和發(fā)布作品
2．3．5 課堂實(shí)訓(xùn)——制作“自我介紹”H5
2．4 Mugeda的編輯界面及其操作
2．4．1 菜單欄
2．4．2 工具欄
2．4．3 頁面欄、頁面編輯區(qū)和舞臺(tái)
2．4．4 工具箱
2．4．5 屬性面板
2．4．6 課堂實(shí)訓(xùn)——圖形變形練習(xí)
第３章 屬性與基本的H5創(chuàng)作
3．1 工作臺(tái)頁面、作品管理頁面的主要功能與操作
3．1．1 工作臺(tái)頁面的基本結(jié)構(gòu)及操作
3．1．2 作品管理頁面的主要功能及操作
3．2 舞臺(tái)的屬性與操作
3．2．1 操作任務(wù)——設(shè)置舞臺(tái)的屬性
3．2．2 課堂實(shí)訓(xùn)——新建作品練習(xí)
3．3 H5頁面的基本設(shè)計(jì)與制作
3．3．1 頁面的屬性與操作
3．3．2 操作任務(wù)——“圖文配對(duì)”游戲
3．3．3 課堂實(shí)訓(xùn)——“填字”游戲
3．4 預(yù)置動(dòng)畫
3．4．1 操作任務(wù)——“護(hù)眼臺(tái)燈”產(chǎn)品廣告
3．4．2 課堂實(shí)訓(xùn)——“公益宣傳”廣告
3．5 元件
3．5．1 操作任務(wù)——制作壁紙
3．5．2 課堂實(shí)訓(xùn) ——制作產(chǎn)品介紹H5作品
3．6 組與長(zhǎng)頁面
3．6．1 操作任務(wù)——制作輪播圖片效果
3．6．2 課堂實(shí)訓(xùn)——制作照片輪播效果
3．7 模板的使用
3．7．1 模板的類型與商業(yè)模板的購買
3．7．2 操作任務(wù)——使用邀請(qǐng)函模板
3．7．3 課堂實(shí)訓(xùn)——制作母親節(jié)賀卡
3．8 加載頁的設(shè)置
3．8．1 加載頁的設(shè)置操作
3．8．2 課堂實(shí)訓(xùn)——設(shè)計(jì)加載頁
第４章 行為、觸發(fā)條件與交互
4．1 行為與觸發(fā)條件
4．1．1 “醒一醒”動(dòng)畫制作與音樂控制分析
4．1．2 行為與觸發(fā)條件介紹
4．2 時(shí)間線、圖層和幀的概念與基本操作
4．2．1 基本概念
4．2．2 圖層和幀的基本操作
4．3 幀行為交互設(shè)計(jì)與制作
4．3．1 操作任務(wù)——“看圖猜成語”游戲
4．3．2 操作任務(wù)——“定時(shí)看圖搶答”游戲
4．3．3 課堂實(shí)訓(xùn)——制作“四格漫畫分頁播放”效果
4．4 頁行為和多層幀交互設(shè)計(jì)與制作
4．4．1 操作任務(wù)——文字按鈕交互影集
4．4．2 操作任務(wù)——圖片按鈕交互影集
4．4．3 課堂實(shí)訓(xùn)——制作交互影集和交互游戲
第5章 幀動(dòng)畫設(shè)計(jì)與應(yīng)用
5．1 幀動(dòng)畫制作基礎(chǔ)
5．1．1 制作幀動(dòng)畫的基本方法和過程
5．1．2 操作任務(wù)——“放氣球”幀動(dòng)畫
5．2 動(dòng)畫幀的操作與動(dòng)畫中物體運(yùn)動(dòng)狀態(tài)的變化
5．2．1 插入幀——將動(dòng)畫運(yùn)動(dòng)速度調(diào)慢
5．2．2 刪除幀——將動(dòng)畫運(yùn)動(dòng)速度調(diào)快
5．2．3 復(fù)制幀——將動(dòng)畫重復(fù)播放
5．2．4 移動(dòng)幀——調(diào)整動(dòng)畫中物體的運(yùn)動(dòng)時(shí)間
5．2．5 復(fù)制圖層與復(fù)制幀
5．3 運(yùn)動(dòng)鏡頭幀動(dòng)畫制作
5．3．1 “街景”移鏡頭幀動(dòng)畫
5．3．2 “飛機(jī)飛行”跟鏡頭幀動(dòng)畫
5．3．3 “通道”推鏡頭幀動(dòng)畫
5．3．4 “共享單車”搖鏡頭幀動(dòng)畫
5．3．5 課堂實(shí)訓(xùn)——運(yùn)動(dòng)鏡頭幀動(dòng)畫制作練習(xí)
5．4 運(yùn)動(dòng)鏡頭幀動(dòng)畫設(shè)計(jì)制作案例
5．4．1 操作任務(wù)——“倒霉的貓”幀動(dòng)畫
5．4．2 課堂實(shí)訓(xùn)——運(yùn)動(dòng)鏡頭幀動(dòng)畫制作與應(yīng)用
第6章 特型動(dòng)畫
6．1 進(jìn)度動(dòng)畫
6．1．1 操作任務(wù)——“繪制小房子”進(jìn)度動(dòng)畫
6．1．2 課堂實(shí)訓(xùn)——制作“保護(hù)動(dòng)物”動(dòng)畫廣告
6．2 路徑動(dòng)畫
6．2．1 操作任務(wù)——“UFO來了”路徑動(dòng)畫
6．2．2 課堂實(shí)訓(xùn)——制作汽車動(dòng)畫廣告
6．3 變形動(dòng)畫
6．3．1 操作任務(wù)——“五角星變小汽車”變形動(dòng)畫
6．3．2 課堂實(shí)訓(xùn)——制作LED 燈的H5動(dòng)畫廣告
6．4 遮罩動(dòng)畫
6．4．1 操作任務(wù)——“走光”動(dòng)畫效果
6．4．2 課堂實(shí)訓(xùn)——制作“走光”動(dòng)畫效果
6．5 元件動(dòng)畫
6．5．1 操作任務(wù)——“飛機(jī)群飛”動(dòng)畫
6．5．2 課堂實(shí)訓(xùn)——制作禁煙廣告動(dòng)畫元件及作品
6．6 動(dòng)畫控制
6．6．1 操作任務(wù)——雙按鈕動(dòng)畫控制
6．6．2 操作任務(wù)——單按鈕動(dòng)畫控制
第7章 實(shí)用工具及其應(yīng)用
7．1 虛擬現(xiàn)實(shí)工具
7．1．1 制作虛擬場(chǎng)景
7．1．2 添加熱點(diǎn)和編輯熱點(diǎn)參數(shù)
7．1．3 播放控制設(shè)置
7．1．4 添加更多場(chǎng)景
7．1．5 課堂實(shí)訓(xùn)——制作室內(nèi)虛擬現(xiàn)實(shí)場(chǎng)景
7．2 微信定制工具
7．2．1 微信頭像
7．2．2 微信昵稱
7．2．3 定制圖片
7．2．4 發(fā)布與使用
7．2．5 課堂實(shí)訓(xùn)——制作個(gè)性化微信頁面
7．3 圖表工具
7．3．1 圖表的制作方法
7．3．2 課堂實(shí)訓(xùn)——制作學(xué)生成績(jī)圖表
7．4 表單工具和數(shù)據(jù)統(tǒng)計(jì)
7．4．1 操作任務(wù)——“城市人口愛好”調(diào)查表
7．4．2 數(shù)據(jù)統(tǒng)計(jì)
7．4．3 編輯表單
7．4．4 課堂實(shí)訓(xùn)——制作“最受游客歡迎的景區(qū)”調(diào)查表
7．5 預(yù)置考題工具
7．5．1 操作任務(wù)——制作模擬練習(xí)題
7．5．2 課堂實(shí)訓(xùn)——制作練習(xí)題
7．6 陀螺儀工具
7．6．1 陀螺儀工具的使用方法
7．6．2 課堂實(shí)訓(xùn)——制作“放孔明燈”交互頁面
7．7 其他實(shí)用工具
7．7．1 幻燈片工具
7．7．2 擦玻璃工具
7．7．3 點(diǎn)贊工具
7．7．4 繪畫板工具
7．7．5 隨機(jī)數(shù)工具
第8章 交互邏輯案例解析
8．1 “猜謎”游戲
8．2 “拼圖”游戲
8．3 “射擊”游戲