H5页面设计(Mugeda版)(微课版)

第 1 章 认识H5 页面 1 1.1 H5 概述 3 1.1.1 H5 是什么 3 1.1.2 H5 页面的基本特点 4 1.1.3 H5 页面的应用 4 1.1.4 H5 页面的风格 6 1.2 H5 页面的设计原则 9 1.2.1 一致性原则 9 1.2.2 简洁性原则 10 1.2.3 条理性原则 10 1.2.4 切身性原则 12 1.2.5 创新性原则 12 1.3 H5 页面的设计规范 13 1.3.1 页面尺寸 13 1.3.2 页面适配 14 1.3.3 文件大小 14 1.4 H5 页面的设计流程 15 1.4.1 明确设计目的 15 1.4.2 策划内容 16 1.4.3 搜集素材 18 1.4.4 进行页面设计 18 1.4.5 进行交互设计 20 1.4.6 生成和发布H5 20 综合训练 21 分析《方寸之间看徽州》拼图H5 游戏 21 知识拓展 22 本章小结 23 课后习题 24 第 2 章 Mugeda 的基本操作 26 2.1 初识Mugedea 28 2.1.1 认识Mugeda 平台 28 2.1.2 Mugeda 的优势和功能 28 2.2 新建、管理和发布H5 29 2.2.1 新建H5 页面 29 2.2.2 管理H5 作品 31 2.2.3 发布H5 作品 33 2.3 模板管理与素材管理 34 2.3.1 将H5 作品转换为模板 34 2.3.2 模板管理 34 2.3.3 素材管理 35 2.4 Mugeda 中的H5 编辑器界面 36 2.4.1 菜单栏 37 2.4.2 工具栏 39 2.4.3 “时间线”面板 40 2.4.4 工具箱 41 2.4.5 “页面编辑”面板 42 2.4.6 页面编辑区 42 2.4.7 “属性”面板 44 综合训练 44 使用模板制作出游季H5 页面 44 知识拓展 46 本章小结 46 课后习题 47 第3 章 绘制与调整图形 48 3.1 绘制图形 50 3.1.1 直线 50 3.1.2 矩形 51 3.1.3 椭圆 52 3.1.4 圆角矩形 52 3.1.5 多边形 53 3.1.6 曲线 53 3.1.7 实战案例：制作旅行网图标 54 3.2 调整图形 59 3.2.1 调整图形平滑度 60 3.2.2 变换图形形态 61 3.2.3 实战案例：绘制小猫形状 62