上篇：H5的制作训练第一章：制作H5的十大工具对比1、易企秀的优缺点2、人人秀的优缺点3、MAKA的优缺点4、兔展的优缺点5、人人秀的优缺点6、70C的优缺点7、最酷网的优缺点8、云来的优缺点9、Epub360的优缺点10、iH5的优缺点第二章： 制作实战篇（以易企秀为例）第1步：认识H5的操作界面1、菜单栏 1）文本 2）图片 3）背景 4）音乐 5）形状 6）表单 7）特效2、模板栏 1）单页模板（与整体模板对应） 2）功能模板 3）我的模板第2步：1.0版H5——骨感1、全副武装1)安装图片水印去除软件2)安装音视频剪切软件3)安装屏幕取色器软件2、设计主题封面1)添加公司LOGO2)标题字体字号颜色设计3)正文字体字号颜色设计4)主题背景设计3、设计主题内容总页数第3步：2.0版H5——丰满1、丰富血肉三要素1)图片2)文字3)音乐2、七大渠道丰富血肉1)记录本2)学员访谈3)相片图片4)互联网5)同行激荡6)书报杂志7)实地考察第4步：3.0版H5——美化1、排版美化六要素1)内容2)文字3)结构4)色彩5)音频6)动画3、版面设计4大要求1)聚焦2)简洁3)美观4)创意4、版面设计工具1)网格开关2)智能参考线3)吸附效果5、文字处理技巧1)文不如句、句不如词2)标题字体字号颜色3)正文字体字号颜色6、图片的两大来源1)百度图片2)专业图片网站7、图片的常用处理技巧（结合图片处理软件）8、色彩搭配技巧1)三色原则2)深浅原则3)统一原则9、色彩的四大形式1)字体颜色2)形状颜色3)边框颜色4)背景颜色10、音频的剪切技巧示范第5步：4.0版H5——动画1、动画的四种类型1)进入动画2)强调动画3)退出动画4)特殊动画2、动画的批处理技巧和设置技巧1)H5极品动画欣赏2)动画设置技巧3、页面特效的设置第三章： 设计理念篇1、H5新手的七宗罪1)长篇大论2)五颜六色3)风格杂乱4)低劣图片5)排版混乱6)滥用动画7)逻辑不清2、精美H5四要素模型1)结构化思考2)图表化表达3)色彩化突出4)动态化呈现3、何谓结构化与结构化的优点1)简明扼要2)清晰明了3)容易记忆4、H5风格的定位1)夸张风格：浓妆艳抹2)商务风格：质朴简约3)艺术风格：天马行空4)极简风格：只言片语下篇：长图文的制作训练（课前准备：安装240种书法字体）第一章：制作长图文的常用软件1、电脑自带画图工具2、Word3、PPT4、美图秀秀5、PhotoShop（位图软件）6、Ai（矢量图软件）7、Indesign（排版强大，位图+矢量图，擅长文字）8、Coredraw（排版强大，位图+矢量图，擅长文字）9、网页工具——秀米（做H5，做公众号）10、手机APP（如简书）第二章：制作实战篇（以PhotoShop为例）1、图片的基本知识 1）像素与矢量（函数） 2）位图与位图设计软件（PS、美图秀秀） 3）矢量图与矢量设计软件 4）图片的存储格式（jpg有背景，png背景透明，占空间，psd-PS，ai-AI,GIF动图等）2、图片的颜色模式 1）位图模式（黑白模式） 2）灰度模式（与位图模式的差别） 3）RGB模式（红绿蓝） 4）CMYK模式（打印） 5）Lab模式3、图片大小的影响因素 1）宽度与高度比例 2）分辨率4、长图制作六步骤 1）设置图片大小（宽高、分辨率） 2）图片主色调选择 3）设计长图背景 4）主字体选择 5）图层素材收集 6）图文排版5、图层素材的来源 1）形状工具的妙用 2）选区工具制作icon 3）PS笔刷 4）图层素材网站（千库网等） 5）图层样式的设置6、版面设计工具1）标尺2）网格线3）参考线4）对齐格式7、图片导出8、H5设计理念知识点回顾（色彩、配色、风格）第三章：制作延展篇1、秀米制作长图文（网页端）2、简书制作长图文（手机端）注：课纲大纲可根据企业实际需求进行调整，最终以课件内容为准！