Mugeda零代码可视化H5设计实战

第1章 融媒体传播与H5概述

1.1信息传播 004

1.1.1.信息传播简介 004

1.1.2.信息传播的特点 004

1.2融媒体 004

1.2.1.融媒体简介 004

1.2.2.融媒体的优势 005

1.2.3.融媒体落地实施 006

1.3H5简介 007

1.3.1.H5的概念 007

1.3.2.H5的基本特征 007

1.3.3.H5的应用 008

1.3.4.H5的传播与营销 011

1.4H5设计 012

1.4.1.H5策划的原则 012

1.4.2.H5的策划步骤 015

1.4.3.H5的营销小技巧 015

1.4.4.H5的微信功能 016

1.4.5.H5页面设计法则 016

第2章 Mugeda操作基础

2.1Mugeda简介 022

2.1.1.Mugeda平台 022

2.1.2.Mugeda的优势 022

2.1.3.Mugeda账号注册.方法 023

2.1.4.Mugeda的版本 023

2.2Mugeda基本操作.流程 024

2.2.1.新建文件的方法 024

2.2.2.发布流程 025

2.2.3.问题处理途径 027

2.3Mugeda平台编辑.界面及快捷键 029

2.3.1.菜单栏 029

2.3.2.工具栏 032

2.3.3.面板 033

2.3.4.快捷键 038

2.4作品尺寸与屏幕

.适配 039

2.4.1.作品尺寸设置 039

2.4.2.屏幕适配设置 039

2.5Mugeda账户管理 041

2.5.1.我的作品 041

2.5.2.我的模板 043

2.5.3.素材管理 044

2.5.4.回收站 044

2.5.5.我的账户 044

第3章 编辑素材

3.1“选择”工具组 048

3.1.1.“选择”工具 048

3.1.2.“节点”工具 048

3.1.3.“变形”工具 049

3.1.4.“缩放”工具 049

3.1.5.“快捷”工具 049

3.1.6.“辅助线”工具 050

3.2“绘制”工具组 051

3.2.1.“直线”工具 051

3.2.2.“曲线”工具 052

3.2.3.“矩形”工具 052

3.2.4.“圆角矩形”工具 052

3.2.5.“椭圆”工具 052

3.2.6.“多边形”工具 053

3.3图形的属性设置 053

3.3.1.宽高属性 053

3.3.2.坐标属性 054

3.3.3.锁定边距 054

3.3.4.填充色 054

3.3.5.边框色 056

3.3.6.边框类型 056

3.3.7.透明度 056

3.3.8.旋转 057

3.3.9.端点和接合点 058

3.3.10.滤镜属性设置 058

3.4图形的排布组合 060

3.4.1.排列 060

3.4.2.对齐 061

3.4.3.变形 061

3.4.4.组合 061

3.4.5.合并 062

3.4.6.相交 062

3.4.7.剪裁 062

3.5课堂案例：绘制.精美CD 063

3.6课后习题：旭日.东升 067

第4章 媒体工具

4.1素材的压缩与上传 070

4.1.1.图片素材 070

4.1.2.Photoshop（PSD）.素材 074

4.1.3.音频素材 075

4.1.4.视频素材 078

4.2编辑文本 082

4.2.1.文字编辑 082

4.2.2.预置文本 082

4.2.3.云字体 083

4.2.4.裁剪组 084

4.2.5.文本段落工具 085

4.3添加媒体 085

4.3.1.添加幻灯片 085

4.3.2.添加网页 086

4.3.3.添加图表 087

4.3.4.添加虚拟现实 088

4.3.5.添加直播 091

4.4课堂案例：制作.手机屏保 092

4.5课后习题：今昔.对比 095

第5章 动画制作

5.1时间线与帧 098

5.1.1.“时间线”面板 098

5.1.2.编辑帧 099

5.2动画类型 101

5.2.1.序列帧动画 101

5.2.2.关键帧动画 102

5.2.3.元件动画 104

5.2.4.路径动画 105

5.2.5.进度动画 106

5.2.6.变形动画 108

5.2.7.遮罩动画 110

5.3属性动画 113

5.3.1.滤镜动画 113

5.3.2.编辑运动曲线 114

5.4预置动画 120

5.4.1.添加预置动画 120

5.4.2.设置预置动画 120

5.4.3.自定义预置动画 121

5.5课堂案例：风景加载动画 121

5.6课后习题：手机短信 126

第6章 行为交互

6.1行为概述 130

6.1.1.行为的定义 130

6.1.2.添加行为 130

6.1.3.行为的触发 130

6.2行为控制 131

6.2.1.帧的行为 131

6.2.2.页的行为 134

6.2.3.动画的控制 137

6.2.4.播放元件片段 139

6.2.5.声音的控制 141

6.2.6.视频的控制 144

6.2.7.改变元素属性 148

6.2.8.图片的控制 150

6.3课堂案例：头像.生成器 156

6.4课后习题：问答.测试 162

第7章 关联与表单

7.1关联绑定 166

7.1.1.舞台动画关联 166

7.1.2.元件动画关联 168

7.1.3.属性关联 169

7.1.4.自动关联 170

7.1.5.公式关联 172

7.2表单 172

7.2.1.自定义表单 172

7.2.2.定制文字 178

7.3逻辑判断 180

7.3.1.多种表达式的写法 180

7.3.2.条件判断 190

7.3.3.逻辑表达式判断 191

7.4课堂案例：音乐.播放器 192

7.5课后习题：滑动.解锁 201

第8章

综合案例8.1视频弹幕 204

8.1.1.案例效果 204

8.1.2.制作步骤 204

8.2星语心愿 212

8.2.1.案例效果 212

8.2.2.制作步骤 212

8.3拼图游戏 221

8.3.1.案例效果 221

8.3.2.制作步骤 221

8.4课后习题：邀请函 230