H5页面设计（Mugeda版）全套教学课件.pptx

现代;1.1;;1.1.2H5页面的基本特点;1.1.3H5页面的应用;1.1.4H5页面的风格;1.1.4H5页面的风格;1.2;1.2.1一致性原则;1.2.2简洁性原则;;1.2.4切身性原则;1.2.5创新性原则;1.3;;1.3.2页面适配;1.3.3文件大小;1.4;1.4.1明确设计目的;1.4.2策划内容;1.4.2策划内容;1.4.2策划内容;1.4.2策划内容;1.4.3搜集素材;1.4.4进行页面设计;1.4.5进行交互设计;;祝学习进步！！;现代;2.1;;2.1.2Mugeda的优势和功能;2.1.2Mugeda的优势和功能;2.2;;;2.2.2管理H5作品;2.2.2管理H5作品;2.2.2管理H5作品;2.2.3发布H5作品;2.3;2.3.1将H5作品转换为模板;;2.3.3素材管理;2.4;;2.4.1菜单栏;2.4.1菜单栏;;;;;;2.4.6页面编辑区;2.4.6页面编辑区;2.4.6页面编辑区;2.4.7“属性”面板;祝学习进步！！;现代;3.1;3.1.1直线;3.1.2矩形;3.1.3椭圆;3.1.4圆角矩形;3.1.5多边形;3.1.6曲线;3.1.7实战案例：制作旅行网图标;3.1.7实战案例：制作旅行网图标;3.1.7实战案例：制作旅行网图标;3.2;;3.2.2变换图形形态;3.2.3实战案例：绘制小猫形状;3.2.3实战案例：绘制小猫形状;3.3;3.3.1排列;;3.3.3变形;;3.3.5合并;;3.3.6实战案例：绘制音乐图标;祝学习进步！！;现代;4.1;4.1.1添加图片;4.1.1添加图片;4.1.2添加音频/音效;4.1.3添加视频;4.1.4添加幻灯片;;4.1.6实战案例：制作旅行宣传H5页面;4.1.6实战案例：制作旅行宣传H5页面;4.1.6实战案例：制作旅行宣传H5页面;4.1.6实战案例：制作旅行宣传H5页面;;4.1.7添加图表;4.1.8添加虚拟现实;4.1.9添加直播;4.1.10实战案例：制作年中总结H5页面;4.1.10实战案例：制作年中总结H5页面;4.1.10实战案例：制作年中总结H5页面;添加媒体文件;;;4.2.3实战案例：制作七夕节H5页面;4.2.7实战案例：制作企业员工评选H5页面;现代;现代;5.1;;5.1.1帧的基本类型;5.1.2帧的基本操作;5.1.2帧的基本操作;;;5.1.5实战案例：制作汽车公司H5进入页和首页;5.1.5实战案例：制作汽车公司H5进入页和首页;5.1.5实战案例：制作汽车公司H5进入页和首页;帧动画;5.2.1元件动画;;5.2.3进度动画;5.2.4变形动画;5.2.4变形动画;;5.2.6实战案例：制作H5加载动画;5.2.6实战案例：制作H5加载动画;5.2.6实战案例：制作H5加载动画;5.2.6实战案例：制作H5加载动画;5.2.6实战案例：制作H5加载动画;5.3;5.3.1添加预置动画;5.3.2设置预置动画;;5.3.4实战案例：制作元旦H5页面首页;5.3.4实战案例：制作元旦H5页面首页;5.3.4实战案例：制作元旦H5页面首页;现代;现代;6.1;;6.1.2编辑行为;6.1.3设置触发条件;6.1.4实战案例：为游戏H5首页按钮添加行为;行为与触发条件;;;6.2.2点赞控件;6.2.3擦玻璃控件;6.2.3擦玻璃控件;6.2.4投票控件;;6.2.5抽奖控件;;6.2.6其他控件;6.2.6其他控件;6.2.7实战案例：制作企业员工评选H5页面;6.2.7实战案例：制作企业员工评选H5页面;6.2.7实战案例：制作企业员工评选H5页面;6.2.7实战案例：制作企业员工评选H5页面;6.2.7实战案例：制作企业员工评选H5页面;现代;现代;7.1;;7.1.2实战案例：为H5页面添加舞台动画关联;7.1.2实战案例：为H5页面添加舞台动画关联;7.1.2实战案例：为H5页面添加舞台动画关联;7.1.3元件动画关联;7.1.4基础属性关联;;关联;;;;;7.2.2实战案例：制作“城市人口爱好”调查表H5页面;;;7.2.2实战案例：制作“城市人口爱好”调查表H5页面;7.2.2实战案例：制作“城市人口爱好”调查表H5页面;7.2.2实战案例：制作“城市人口爱好”调查表H5页面;;7.2.3定制表单内容;7.2.3定制表单内容;现代;现代;8.1;8.1实训背景;实训背景;8.2.1设计构思;;8.2.3搜集素材;8.3;;;;8.3.2