导语

  

内容提要

  

    彭澎、姜旭编著的《可视化H5页面设计与制作：Mugeda实用教程》以Mugeda为平台，系统地介绍了可视化H5动画页面的设计思路、设计方法与技术实现。
    本书共9章，主要内容为H5页面设计与制作的意义，Mugeda的操作界面及基本功能应用，基本的H5页面制作，H5动画页面的制作及相关设置，行为、触发事件与交互控制，动画应用，素材优化处理，虚拟现实、微信功能、第三方文字和图的调用等特殊功能，以及曲线图表、幻灯片、计时器等实用工具。
    本书为Mugeda官方推荐用书，内容全面、案例丰富，具有很强的可读性和实用性，可作为高校相关专业和各类H5培训班的教材，也可作为新媒体从业人员自学H5页面设计与制作的参考书。

第1章  为什么要学习H5应用开发技术
  1.1  移动互联网与信息传播
  1.2  智能手机的产生与发展
  1.3  现在人们为什么离不开智能手机
  1.4  H5的特征
  1.5  H5开发及开发工具
  1.6  H5营销
第2章  H5页面制作工具Mugeda
  2.1  初识Mugeda
    2.1.1  Mugeda开发背景
    2.1.2  动画与交互动画
    2.1.3  什么是Mugeda
    2.1.4  Mugeda平台特点
  2.2  Mugeda的基本功能与应用
    2.2.1  Mugeda的基本功能
    2.2.2  Mugeda的应用
  2.3  体验Mugeda制作H5动画过程
    2.3.1  操作基本流程概述
    2.3.2  注册Mugeda账号
    2.3.3  从创建到发布——制作并发布一个简单的H5作品
  2.4  Mugeda的界面
    2.4.1  主界面
    2.4.2  菜单栏
    2.4.3  工具栏
    2.4.4  时间轴
    2.4.5  舞台与页面栏
    2.4.6  工具箱
    2.4.7  属性面板
第3章  基本H5页面制作
  3.1  属性
    3.1.1  任务解析——“鹿”字的来历
    3.1.2  课堂实训——制作H5创意名片
  3.2  元件
    3.2.1  任务解析——壁纸设计与制作
    3.2.2  课堂实训——用元件制作企业宣传招贴
  3.3  组与长数据
    3.3.1  任务解析——轮播图片的设计与制作
    3.3.2  课堂实训——利用长数字制作轮播图片并发布
  3.4  模板的使用与生成
    3.4.1  任务解析——利用模板制作端午节粽子营销广告
    3.4.2  课堂实训——利用模板制作母亲节贺卡
第4章  H5动画页面的制作及相关设置
  4.1  完整H5作品包含的基本内容
    4.1.1    加载页
    4.1.2    内容页
  4.2  素材导入与使用
    4.2.1    导入图片
    4.2.2    导入视频和声音
  4.3  预置动画
    4.3.1  任务解析——制作护眼台灯产品广告
    4.3.2  课堂实训——制作公益广告宣传页面
  4.4  帧动画
    4.4.1  任务解析——制作“放飞自我”帧动画
    4.4.2  课堂实训——制作汽车行驶的移镜头效果
  4.5  加载页设置
  4.6  H5发布信息设置
    4.6.1  任务解析——为“暴饮暴食”H5设置发布信息
    4.6.2  课堂实训——设计新年晚会H5邀请函，并设置发布信息
  4.7  屏幕适配
    4.7.1  手机屏幕尺寸计量与换算
    4.7.2  手机尺寸与分辨率
    4.7.3    iPhone 4S手机舞台屏幕适配
    4.7.4  课堂实训——用横屏显示方式制作龟兔赛跑的H5作品
  4.8  文件夹管理与使用
  4.9  层数据缩放与舞台缩放
  4.10  图层数据调整
  4.11  标尺与辅助线
第5章  行为、触发事件与交互控制
  5.1  行为与触发事件
    5.1.1  帧动画行为控制与触发事件体验
    5.1.2  任务解析——安全驾驶的交互动画1
    5.1.3  行为/触发事件实验
    5.1.4  行为与触发事件介绍
    5.1.5  课堂实训——安全驾驶的交互动画2
  5.2  帧行为交互控制
    5.2.1  任务解析——轮播甲骨文“鹿”“虎”“比”“从”1
    5.2.2  课堂实训——利用帧行为控制4格漫画的播放效果
  5.3  页行为交互控制
    5.3.1  任务解析——轮播甲骨文“鹿”“虎”“比”“从”2
    5.3.2  课堂实训——利用页行为控制4格漫画播放
  5.4  多图层帧的交互设计与制作
    5.4.1  任务解析——轮播甲骨文“从、比、北”
    5.4.2  课堂实训——种花生小游戏
第6章  动画应用
  6.1  进度动画
    6.1.1  任务解析——制作绘制小房子的进度动画
    6.1.2  课堂实训——制作保护动物的动画广告
  6.2  路径动画
    6.2.1  任务解析——制作汽车行驶的路径动画
    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  任务解析——复制帧
  6.7  动画控制
    6.7.1  任务解析——双按钮动画控制
    6.7.2  任务解析——单按钮动画控制
第7章  素材优化处理
  7.1  图片压缩处理
    7.1.1  对PSD 文件进行格式转换
    7.1.2  对PNG文件进行压缩处理
    7.1.3  课堂实训——制作一个5页的个人作品集
  7.2  视频处理
    7.2.1  从素材库中导入视频
    7.2.2  调整视频文件大小及播放位置
  7.3  声音处理
    7.3.1  声音上传
    7.3.2  更换添加音效后的声音图标
    7.3.3  利用“背景音乐”属性添加背景音乐
    7.3.4  任务解析——音乐播放/暂停控制与按钮设计
    7.3.5  课堂实训——为7.1.3节课堂实训中完成的作品添加背景音乐
第8章  特殊应用功能
  8.1  虚拟现实
    8.1.1  任务解析——制作虚拟场景
    8.1.2  课堂实训——制作室内虚拟场景
  8.2  网页及手机定制功能
    8.2.1  网页功能
    8.2.2  课堂实训——利用网页功能发布网页
    8.2.3  手机功能
    8.2.4  课堂实训——利用手机功能实现朋友间联络
  8.3  微信功能
    8.3.1  微信头像处理
    8.3.2  微信昵称处理
    8.3.3  定制图片处理
    8.3.4  录音处理
  8.4  调用第三方文字和图片
    8.4.1  导入文字
    8.4.2  导入图片
    8.4.3  课堂实训——制作一个游记H5页面
第9章  实用工具及其应用
  9.1  曲线图表
    9.1.1  任务解析——制作学生成绩曲线图表
    9.1.2  课堂实训—— 设计制作自己上一周每天的消费支出
明细表
  9.2  表单及统计
    9.2.1  任务解析——城市人口爱好调查表
    9.2.2  课堂实训——制作本年度受欢迎的旅游景区调查表
  9.3  幻灯片
  9.4  擦玻璃
  9.5  点赞与投票
    9.5.1  任务解析——活动招贴
    9.5.2  课堂实训——设计一个对联点赞页
  9.6  绘图板
    9.6.1  默认绘画板
    9.6.2  自制绘画板
    9.6.3  课堂实训——制作一个H5节日贺卡
  9.7  陀螺仪
    9.7.1  任务解析——制作放飞孔明灯的动画
    9.7.2    课堂实训——设计并制作一个不倒翁小游戏
  9.8  随机数
    9.8.1  任务解析——动态产品广告的设计与制作
    9.8.2  课堂实训——设计制作打地鼠小游戏
  9.9  计时器
    9.9.1  任务解析——制作H5新闻页面
    9.9.2  课堂实训——制作毕业设计作品集