《H5和动画制作》

《H5和动画制作》课程介绍

【课程背景】

2020年是企业转型线上学习的重要一年，移动互联网时代，企业的培训学习方式更加灵活，也因此微课越来越流行。传统的视频形式的微课需要经过录制、编辑剪切、生成才能制作出来，技术无疑增加了一到无形的门槛，而H5微课可以解决单纯视频微课的这些难题，具体作用有以下三点：

H5微课能将各种课件形式融合起来，实现文字、图片、表格、音频、视频、交互、色彩、创意的有机结合，以及最令人印象深刻的动画功能等。

H5微课能实现良好的学习交互，在用户的可用性和友好体验上带来非常大的改进。在开发设计微课时，教学设计人员可充分发挥出这一技术优势，结合内容特点，设计一些学习交互点，提升学员的学习参与度。

H5微课能支持跨平台学习，有助于在不同学习终端获得一致的良好学习体验。移动互联网时代，用户的终端设备是各式各样的，课件只有支持跨平台学习并能实现终端自适应才能保证学员获得良好一致的学习体验。

本课程从新媒体时代的培训背景出发，系统介绍了当前企业培训中微课的不同形式，致力于帮助学员快速提升H5和动画制作能力，提升其课程开发工作的综合竞争力，让学员的课程制作水平逐步从入门达到精通，成为一个合格的课程开发设计人员。

【课程收益】

了解：熟悉H5和动画制作的应用和优势

理解：实现良好的学习交互，跨平台学习的核心理念

掌握：掌握H5和动画制作的操作步骤和设计技巧

实操：现场进行企业真实案例为情境的实操练习

【适合人群】企业内训师、兼职讲师或对微课制作与设计有需求的职场人士

【课程时间】2天，6小时/天（可根据实际项目情况调整内容和时间安排）

【授课方式】讲师讲授、研讨互动、投屏操作演示、现场练习、点评辅导等

【课程大纲】

第一章 关于企业微课制作工具的情况分析

一、背景讨论：未来十年企业培训的变化和发展趋势；

1. “终身学习”的兴起;

2. 支持软技能培训的技术;

3. 为员工提供持续教育的能力;

4. 需要利用技术来接触新的受众;

二、案例比较：视频微课和H5微课的效果区别；

1. 微课的基本概念及特点；

2. 微课的常见类型及特征；

3. 最受欢迎的微课6大特点；

4. 哪些内容适合做微课；

三、现状分析：当前主流的10款H5微课工具的优缺点分析；

1. 易企秀的优缺点;

2. 人人秀的优缺点;

3. MAKA的优缺点;

4. 兔展的优缺点;

5. 人人秀的优缺点;

6. 70C的优缺点;

7. 最酷网的优缺点;

8. 云来的优缺点;

9. Epub360的优缺点;

10. iH5的优缺点;

四、学员研讨：目前企业微课适合的工具类型和应用；

1. 当前企业微课的主要内容、类型；

2. 目前企业微课的不足和提升；

3. 企业微课的工具类型；

4. 策划H5和动画的应用方法，形成流程；

第二章 基本操作——企业微课H5工具的操作讲解

一、H5的基本操作流程

1. 菜单栏

1）文本

2）图片

3）背景

4）音乐

5）形状

6）表单

7）特效

2. 模板栏

1）单页模板（与整体模板对应）

2）功能模板

3）我的模板

二、H5和动画的企业应用流程

1. 全副武装

1）安装图片水印去除软件

2）安装音视频剪切软件

3）安装屏幕取色器软件

2. 设计主题封面

1）添加公司LOGO

2）标题/正文字体字号颜色设计

3）主题背景设计

3. 设计主题内容总页数

三、H5内容提升技巧

1. 基本内容的4种类型

1）图片

2）文字

3）音乐

4）视频

2. 不同方式的内容延展

1）记录本

2）学员访谈

3）相片图片

4）互联网

5）实地考察

四、H5界面排版美化重点

1. 排版美化六要素

2. 版面设计4大要求

3. 版面设计工具

1）网格开关

2）智能参考线

3）吸附效果

4. 文字处理技巧

1）文不如句、句不如词

2）标题字体字号颜色

3）正文字体字号颜色

5. 图片的两大来源

1）百度图片

2）专业图片网站

6. 图片的常用处理技巧（结合图片处理软件）

7. 色彩搭配技巧

1）三色原则

2）深浅原则

3）统一原则

8. 色彩的四大形式

1）字体颜色

2）形状颜色

3）边框颜色

4）背景颜色

9. 音频的剪切技巧示范

五、H5动画从入门到精通

1. 动画的四种类型

1）进入动画

2）强调动画

3）退出动画

4）特殊动画

2. 动画的批处理技巧和设置技巧

1）H5极品动画欣赏

2）动画设置技巧

3. 页面特效的设置

4. 动画制作设计技巧

5. 实操练习：快速完成动画制作；

第三章 落地实战——学员开始通过H5制作软件练习

一、H5新手的七宗罪

1. 长篇大论

2. 五颜六色

3. 风格杂乱

4. 低劣图片

5. 排版混乱

6. 滥用动画

7. 逻辑不清

二、精美H5四要素模型

1. 结构化思考

2. 图表化表达

3. 色彩化突出

4. 动态化呈现

三、何谓结构化与结构化的优点

1. 简明扼要

2. 清晰明了

3. 容易记忆

四、H5风格的定位

1. 夸张风格：浓妆艳抹

2. 商务风格：质朴简约

3. 艺术风格：天马行空

4. 极简风格：只言片语

第四章 点评提升——学员课程作品点评和改进

1. 讲师点评各小组H5和动画制作成果；

2. 学员根据点评结果，明确改进措施；

3. 学员制定企业H5和动画制作行动计划；

4. 讲师收尾总结，课程总结和学员问答等；