《H5和動(dòng)畫制作》

《H5和動(dòng)畫制作》課程介紹
【課程背景】
2020年是企業(yè)轉(zhuǎn)型線上學(xué)習(xí)的重要一年，移動(dòng)互聯(lián)網(wǎng)時(shí)代，企業(yè)的培訓(xùn)學(xué)習(xí)方式更加靈活，也因此微課越來越流行。傳統(tǒng)的視頻形式的微課需要經(jīng)過錄制、編輯剪切、生成才能制作出來，技術(shù)無疑增加了一到無形的門檻，而H5微課可以解決單純視頻微課的這些難題，具體作用有以下三點(diǎn)：
H5微課能將各種課件形式融合起來，實(shí)現(xiàn)文字、圖片、表格、音頻、視頻、交互、色彩、創(chuàng)意的有機(jī)結(jié)合，以及最令人印象深刻的動(dòng)畫功能等。
H5微課能實(shí)現(xiàn)良好的學(xué)習(xí)交互，在用戶的可用性和友好體驗(yàn)上帶來非常大的改進(jìn)。在開發(fā)設(shè)計(jì)微課時(shí)，教學(xué)設(shè)計(jì)人員可充分發(fā)揮出這一技術(shù)優(yōu)勢(shì)，結(jié)合內(nèi)容特點(diǎn)，設(shè)計(jì)一些學(xué)習(xí)交互點(diǎn)，提升學(xué)員的學(xué)習(xí)參與度。
H5微課能支持跨平臺(tái)學(xué)習(xí)，有助于在不同學(xué)習(xí)終端獲得一致的良好學(xué)習(xí)體驗(yàn)。移動(dòng)互聯(lián)網(wǎng)時(shí)代，用戶的終端設(shè)備是各式各樣的，課件只有支持跨平臺(tái)學(xué)習(xí)并能實(shí)現(xiàn)終端自適應(yīng)才能保證學(xué)員獲得良好一致的學(xué)習(xí)體驗(yàn)。
本課程從新媒體時(shí)代的培訓(xùn)背景出發(fā)，系統(tǒng)介紹了當(dāng)前企業(yè)培訓(xùn)中微課的不同形式，致力于幫助學(xué)員快速提升H5和動(dòng)畫制作能力，提升其課程開發(fā)工作的綜合競(jìng)爭(zhēng)力，讓學(xué)員的課程制作水平逐步從入門達(dá)到精通，成為一個(gè)合格的課程開發(fā)設(shè)計(jì)人員。
【課程收益】
了解：熟悉H5和動(dòng)畫制作的應(yīng)用和優(yōu)勢(shì)
理解：實(shí)現(xiàn)良好的學(xué)習(xí)交互，跨平臺(tái)學(xué)習(xí)的核心理念
掌握：掌握H5和動(dòng)畫制作的操作步驟和設(shè)計(jì)技巧
實(shí)操：現(xiàn)場(chǎng)進(jìn)行企業(yè)真實(shí)案例為情境的實(shí)操練習(xí)
【適合人群】企業(yè)內(nèi)訓(xùn)師、兼職講師或?qū)ξ⒄n制作與設(shè)計(jì)有需求的職場(chǎng)人士
【課程時(shí)間】2天，6小時(shí)/天（可根據(jù)實(shí)際項(xiàng)目情況調(diào)整內(nèi)容和時(shí)間安排）
【授課方式】講師講授、研討互動(dòng)、投屏操作演示、現(xiàn)場(chǎng)練習(xí)、點(diǎn)評(píng)輔導(dǎo)等
【課程大綱】
第一章 關(guān)于企業(yè)微課制作工具的情況分析
一、背景討論：未來十年企業(yè)培訓(xùn)的變化和發(fā)展趨勢(shì)；
1. “終身學(xué)習(xí)”的興起;
2. 支持軟技能培訓(xùn)的技術(shù);
3. 為員工提供持續(xù)教育的能力;
4. 需要利用技術(shù)來接觸新的受眾;
二、案例比較：視頻微課和H5微課的效果區(qū)別；
1. 微課的基本概念及特點(diǎn)；
2. 微課的常見類型及特征；
3. 最受歡迎的微課6大特點(diǎn)；
4. 哪些內(nèi)容適合做微課；
三、現(xiàn)狀分析：當(dāng)前主流的10款H5微課工具的優(yōu)缺點(diǎn)分析；
1. 易企秀的優(yōu)缺點(diǎn);
2. 人人秀的優(yōu)缺點(diǎn);
3. MAKA的優(yōu)缺點(diǎn);
4. 兔展的優(yōu)缺點(diǎn);
5. 人人秀的優(yōu)缺點(diǎn);
6. 70C的優(yōu)缺點(diǎn);
7. 最酷網(wǎng)的優(yōu)缺點(diǎn);
8. 云來的優(yōu)缺點(diǎn);
9. Epub360的優(yōu)缺點(diǎn);
10. iH5的優(yōu)缺點(diǎn);
四、學(xué)員研討：目前企業(yè)微課適合的工具類型和應(yīng)用；
1. 當(dāng)前企業(yè)微課的主要內(nèi)容、類型；
2. 目前企業(yè)微課的不足和提升；
3. 企業(yè)微課的工具類型；
4. 策劃H5和動(dòng)畫的應(yīng)用方法，形成流程；
第二章 基本操作——企業(yè)微課H5工具的操作講解
一、H5的基本操作流程
1. 菜單欄
1）文本
2）圖片
3）背景
4）音樂
5）形狀
6）表單
7）特效
2. 模板欄
1）單頁(yè)模板（與整體模板對(duì)應(yīng)）
2）功能模板
3）我的模板
二、H5和動(dòng)畫的企業(yè)應(yīng)用流程
1. 全副武裝
1）安裝圖片水印去除軟件
2）安裝音視頻剪切軟件
3）安裝屏幕取色器軟件
2. 設(shè)計(jì)主題封面
1）添加公司LOGO
2）標(biāo)題/正文字體字號(hào)顏色設(shè)計(jì)
3）主題背景設(shè)計(jì)
3. 設(shè)計(jì)主題內(nèi)容總頁(yè)數(shù)
三、H5內(nèi)容提升技巧
1. 基本內(nèi)容的4種類型
1）圖片
2）文字
3）音樂
4）視頻
2. 不同方式的內(nèi)容延展
1）記錄本
2）學(xué)員訪談
3）相片圖片
4）互聯(lián)網(wǎng)
5）實(shí)地考察
四、H5界面排版美化重點(diǎn)
1. 排版美化六要素
2. 版面設(shè)計(jì)4大要求
3. 版面設(shè)計(jì)工具
1）網(wǎng)格開關(guān)
2）智能參考線
3）吸附效果
4. 文字處理技巧
1）文不如句、句不如詞
2）標(biāo)題字體字號(hào)顏色
3）正文字體字號(hào)顏色
5. 圖片的兩大來源
1）百度圖片
2）專業(yè)圖片網(wǎng)站
6. 圖片的常用處理技巧（結(jié)合圖片處理軟件）
7. 色彩搭配技巧
1）三色原則
2）深淺原則
3）統(tǒng)一原則
8. 色彩的四大形式
1）字體顏色
2）形狀顏色
3）邊框顏色
4）背景顏色
9. 音頻的剪切技巧示范
五、H5動(dòng)畫從入門到精通
1. 動(dòng)畫的四種類型
1）進(jìn)入動(dòng)畫
2）強(qiáng)調(diào)動(dòng)畫
3）退出動(dòng)畫
4）特殊動(dòng)畫
2. 動(dòng)畫的批處理技巧和設(shè)置技巧
1）H5極品動(dòng)畫欣賞
2）動(dòng)畫設(shè)置技巧
3. 頁(yè)面特效的設(shè)置
4. 動(dòng)畫制作設(shè)計(jì)技巧
5. 實(shí)操練習(xí)：快速完成動(dòng)畫制作；
第三章 落地實(shí)戰(zhàn)——學(xué)員開始通過H5制作軟件練習(xí)
一、H5新手的七宗罪
1. 長(zhǎng)篇大論
2. 五顏六色
3. 風(fēng)格雜亂
4. 低劣圖片
5. 排版混亂
6. 濫用動(dòng)畫
7. 邏輯不清
二、精美H5四要素模型
1. 結(jié)構(gòu)化思考
2. 圖表化表達(dá)
3. 色彩化突出
4. 動(dòng)態(tài)化呈現(xiàn)
三、何謂結(jié)構(gòu)化與結(jié)構(gòu)化的優(yōu)點(diǎn)
1. 簡(jiǎn)明扼要
2. 清晰明了
3. 容易記憶
四、H5風(fēng)格的定位
1. 夸張風(fēng)格：濃妝艷抹
2. 商務(wù)風(fēng)格：質(zhì)樸簡(jiǎn)約
3. 藝術(shù)風(fēng)格：天馬行空
4. 極簡(jiǎn)風(fēng)格：只言片語(yǔ)
第四章 點(diǎn)評(píng)提升——學(xué)員課程作品點(diǎn)評(píng)和改進(jìn)
1. 講師點(diǎn)評(píng)各小組H5和動(dòng)畫制作成果；
2. 學(xué)員根據(jù)點(diǎn)評(píng)結(jié)果，明確改進(jìn)措施；
3. 學(xué)員制定企業(yè)H5和動(dòng)畫制作行動(dòng)計(jì)劃；
4. 講師收尾總結(jié)，課程總結(jié)和學(xué)員問答等；

鐘理勇老師的其它課程