可視化H5頁面設計與製作Mugeda標準教程

《可視化H5頁面設計與製作Mugeda標準教程》是2020年人民郵電出版社出版的圖書。

基本介紹

• 中文名：可視化H5頁面設計與製作Mugeda標準教程
• 作者：彭澎
• 出版社：人民郵電出版社
• 出版時間：2020年4月
• 開本：16 開
• 裝幀：平裝
• ISBN：9787115532312

內容簡介

本書以Mugeda為平台，系統地介紹了可視化H5互動動畫頁面的設計思路、設計方法與技術實現。

本書共8章，主要內容包括移動通信和信息傳播的基礎知識及其與H5的關係，Mugeda的操作界面及基本操作，屬性設定與基本的H5頁面設計與製作，行為、觸發事件與互動的設定和製作，幀動畫和特型動畫的設計與套用，虛擬現實、微信、圖表、表單、預置考題、陀螺儀等實用工具的套用，以及互動邏輯案例解析。

本書為Mugeda官方標準教程，內容全面、案例豐富，具有很強的可讀性和實用性，可作為高校相關專業和各類H5培訓班的教材，也可作為新媒體從業人員自學H5頁面設計與製作的參考書。

圖書目錄

第１章 移動通信、信息傳播與H5

1．1 移動通信技術概述

1．1．1 通信與移動通信

1．1．2 移動通信的發展階段

1．1．3 移動通信的優勢及應解決的關鍵問題

1．2 信息內容與信息傳播

1．2．1 信息內容及其表達形式

1．2．2 信息傳播

1．3 移動用戶終端與智慧型手機

1．3．1 無處不在的移動用戶終端

1．3．2 智慧型手機

1．4 H5簡介

1．4．1 H5的基本特徵

1．4．2 H5開發工具與H5行銷

1．4．3 H5案例體驗

第２章 可視化的H5頁面製作平台Mugeda

2．1 初識Mugeda

2．2 Mugeda的基本功能與套用

2．2．1 Mugeda的基本功能

2．2．2 Mugeda的套用

2．3 體驗H5頁面製作過程

2．3．1 Mugeda基本操作流程與賬號註冊

2．3．2 數字賬號操作

2．3．3 新建H5作品

2．3．4 編輯、刪除和發布作品

2．3．5 課堂實訓——製作“自我介紹”H5

2．4 Mugeda的編輯界面及其操作

2．4．1 選單欄

2．4．2 工具列

2．4．3 頁面欄、頁面編輯區和舞台

2．4．4 工具箱

2．4．5 屬性面板

2．4．6 課堂實訓——圖形變形練習

第３章 屬性與基本的H5創作

3．1 工作檯頁面、作品管理頁面的主要功能與操作

3．1．1 工作檯頁面的基本結構及操作

3．1．2 作品管理頁面的主要功能及操作

3．2 舞台的屬性與操作

3．2．1 操作任務——設定舞台的屬性

3．2．2 課堂實訓——新建作品練習

3．3 H5頁面的基本設計與製作

3．3．1 頁面的屬性與操作

3．3．2 操作任務——“圖文配對”遊戲

3．3．3 課堂實訓——“填字”遊戲

3．4 預置動畫

3．4．1 操作任務——“護眼檯燈”產品廣告

3．4．2 課堂實訓——“公益宣傳”廣告

3．5 元件

3．5．1 操作任務——製作壁紙

3．5．2 課堂實訓 ——製作產品介紹H5作品

3．6 組與長頁面

3．6．1 操作任務——製作輪播圖片效果

3．6．2 課堂實訓——製作照片輪播效果

3．7 模板的使用

3．7．1 模板的類型與商業模板的購買

3．7．2 操作任務——使用邀請函模板

3．7．3 課堂實訓——製作母親節賀卡

3．8 載入頁的設定

3．8．1 載入頁的設定操作

3．8．2 課堂實訓——設計載入頁

第４章 行為、觸發條件與互動

4．1 行為與觸發條件

4．1．1 “醒一醒”動畫製作與音樂控制分析

4．1．2 行為與觸發條件介紹

4．2 時間線、圖層和幀的概念與基本操作

4．2．1 基本概念

4．2．2 圖層和幀的基本操作

4．3 幀行為互動設計與製作

4．3．1 操作任務——“看圖猜成語”遊戲

4．3．2 操作任務——“定時看圖搶答”遊戲

4．3．3 課堂實訓——製作“四格漫畫分頁播放”效果

4．4 頁行為和多層幀互動設計與製作

4．4．1 操作任務——文字按鈕互動影集

4．4．2 操作任務——圖片按鈕互動影集

4．4．3 課堂實訓——製作互動影集和互動遊戲

第5章 幀動畫設計與套用

5．1 幀動畫製作基礎

5．1．1 製作幀動畫的基本方法和過程

5．1．2 操作任務——“放氣球”幀動畫

5．2 動畫幀的操作與動畫中物體運動狀態的變化

5．2．1 插入幀——將動畫運動速度調慢

5．2．2 刪除幀——將動畫運動速度調快

5．2．3 複製幀——將動畫重複播放

5．2．4 移動幀——調整動畫中物體的運動時間

5．2．5 複製圖層與複製幀

5．3 運動鏡頭幀動畫製作

5．3．1 “街景”移鏡頭幀動畫

5．3．2 “飛機飛行”跟鏡頭幀動畫

5．3．3 “通道”推鏡頭幀動畫

5．3．4 “共享腳踏車”搖鏡頭幀動畫

5．3．5 課堂實訓——運動鏡頭幀動畫製作練習

5．4 運動鏡頭幀動畫設計製作案例

5．4．1 操作任務——“倒霉的貓”幀動畫

5．4．2 課堂實訓——運動鏡頭幀動畫製作與套用

第6章 特型動畫

6．1 進度動畫

6．1．1 操作任務——“繪製小房子”進度動畫

6．1．2 課堂實訓——製作“保護動物”動畫廣告

6．2 路徑動畫

6．2．1 操作任務——“UFO來了”路徑動畫

6．2．2 課堂實訓——製作汽車動畫廣告

6．3 變形動畫

6．3．1 操作任務——“五角星變小汽車”變形動畫

6．3．2 課堂實訓——製作LED 燈的H5動畫廣告

6．4 遮罩動畫

6．4．1 操作任務——“走光”動畫效果

6．4．2 課堂實訓——製作“走光”動畫效果

6．5 元件動畫

6．5．1 操作任務——“飛機群飛”動畫

6．5．2 課堂實訓——製作禁菸廣告動畫元件及作品

6．6 動畫控制

6．6．1 操作任務——雙按鈕動畫控制

6．6．2 操作任務——單按鈕動畫控制

第7章 實用工具及其套用

7．1 虛擬現實工具

7．1．1 製作虛擬場景

7．1．2 添加熱點和編輯熱點參數

7．1．3 播放控制設定

7．1．4 添加更多場景

7．1．5 課堂實訓——製作室內虛擬現實場景

7．2 微信定製工具

7．2．1 微信頭像

7．2．2 微信暱稱

7．2．3 定製圖片

7．2．4 發布與使用

7．2．5 課堂實訓——製作個性化微信頁面

7．3 圖表工具

7．3．1 圖表的製作方法

7．3．2 課堂實訓——製作學生成績圖表

7．4 表單工具和數據統計

7．4．1 操作任務——“城市人口愛好”調查表

7．4．2 數據統計

7．4．3 編輯表單

7．4．4 課堂實訓——製作“最受遊客歡迎的景區”調查表

7．5 預置考題工具

7．5．1 操作任務——製作模擬練習題

7．5．2 課堂實訓——製作練習題

7．6 陀螺儀工具

7．6．1 陀螺儀工具的使用方法

7．6．2 課堂實訓——製作“放孔明燈”互動頁面

7．7 其他實用工具

7．7．1 幻燈片工具

7．7．2 擦玻璃工具

7．7．3 點讚工具

7．7．4 繪畫板工具

7．7．5 隨機數工具

第8章 互動邏輯案例解析

8．1 “猜謎”遊戲

8．2 “拼圖”遊戲

8．3 “射擊”遊戲

作者簡介

彭澎教授

教育部教育管理信息中心特聘專家，NCC(新專業核心課程)項目策劃、開發負責人，ITAT（全國信息技術套用培訓教育工程）項目負責人,教育部自學考試專業委員會委員，北京市考試中心出題專家,專業知識橫跨數學、計算機、藝術設計領域，“藝術設計與科學”研究領域專家，教育部特批的我國**的“設計數學”碩士專業創建者，率先提出創建融媒體專業，有豐富的寫作經驗，其主編和獨立撰寫教材有50餘種，其中7種為國家十一五規劃教材，另有多種為雲南省優秀教材。