可视化H5页面设计与制作 Mugeda标准教程

《可视化H5页面设计与制作 Mugeda标准教程》基于可视化的H5制作平台“木疙瘩（Mugeda）”系统讲解了H5广告的制作方法和技巧； 《可视化H5页面设计与制作 Mugeda标准教程》使读者可实现无代码制作专业级交互H5动画作品； 《可视化H5页面设计与制作 Mugeda标准教程》精心设计了针对性强、简单易上手的案例和练习。

本书以Mugeda为平台，系统地介绍了可视化H5交互动画页面的设计思路、设计方法与技术实现。本书共8章，主要内容包括移动通信和信息传播的基础知识及其与H5的关系，Mugeda的操作界面及基本操作，属性设置与基本的H5页面设计与制作，行为、触发事件与交互的设置和制作，帧动画和特型动画的设计与应用，虚拟现实、微信、图表、表单、预置考题、陀螺仪等实用工具的应用，以及交互逻辑案例解析。本书为Mugeda官方标准教程，内容全面、案例丰富，具有很强的可读性和实用性，可作为高校相关专业和各类H5培训班的教材，也可作为新媒体从业人员自学H5页面设计与制作的参考书。

彭澎教授 教育部教育管理信息中心特聘专家，NCC(新专业核心课程)项目策划、开发负责人，ITAT（全国信息技术应用培训教育工程）项目负责人,教育部自学考试专业委员会委员，北京市考试中心出题专家,专业知识横跨数学、计算机、艺术设计领域，“艺术设计与科学”研究领域专家，教育部特批的我国专享的“设计数学”硕士专业创建者，率先提出创建融媒体专业，有丰富的写作经验，其主编和独立撰写教材有50余种，其中7种为国家十一五规划教材，另有多种为云南省优秀教材。

第1章移动通信、信息传播与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.4H5简介
1.4.1H5的基本特征
1.4.2H5开发工具与H5营销
1.4.3H5案例体验
第2章可视化的H5页面制作平台Mugeda
2.1初识Mugeda
2.2Mugeda的基本功能与应用
2.2.1Mugeda的基本功能
2.2.2Mugeda的应用
2.3体验H5页面制作过程
2.3.1Mugeda基本操作流程与账号注册
2.3.2数字账号操作
2.3.3新建H5作品
2.3.4编辑、删除和发布作品
2.3.5课堂实训——制作“自我介绍”H5
2.4Mugeda的编辑界面及其操作
2.4.1菜单栏
2.4.2工具栏
2.4.3页面栏、页面编辑区和舞台
2.4.4工具箱
2.4.5属性面板
2.4.6课堂实训——图形变形练习
第3章属性与基本的H5创作
3.1工作台页面、作品管理页面的主要功能与操作
3.1.1工作台页面的基本结构及操作
3.1.2作品管理页面的主要功能及操作
3.2舞台的属性与操作
3.2.1操作任务——设置舞台的属性
3.2.2课堂实训——新建作品练习
3.3H5页面的基本设计与制作
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章行为、触发条件与交互
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“射击”游戏