《H5设计与运营》教学大纲.docx

H5设计与运营教学大纲一、课程信息课程名称：H5设计与运营课程类别：专业基础课课程性质：必修计划学时：45计划学分：3先修课程：无选用教材：H5设计与运营，易企秀主编，2020年；人民邮电出版社出版教材适用专业：本书可作为本科院校及职业院校新媒体相关专业的教学用书。课程负责人：二、课程简介本书理论知识与实操案例相辅相成，详细介绍了 H5运营与设计的方法与技巧，内容包括：H5概 述，开发H5的流程与策略，H5页面风格设计，H5页面图文设计，H5影音设计，H5页面动效设计， H5创意优化，易企秀H5编辑器的使用方法，使用易企秀制作翻页型、长页型、表单型、互动型与视 频型H5,以及H5的推广引流等。三、课程教学要求序号专业毕业要求课程教学要求关联程度1工程知识了解什么是H5、H5的应用场景与应用类型，掌握开发 H5的流程与策略，掌握H5页面的设计方法，学会使用 易企秀制作H5,掌握H5推广引流的方法H2问题分析发现H5设计与运营中存在的问题，寻找出现问题的原因H3设计/开发解决方案提高H5页面图文设计、影音设计、动效设计、创意优化 等方面的能力，强化H5的运营H4研究5使用现代工具H5 筹划常用工具：PowerPoint> Keynote、Axure> 墨刀、 Word数据监控工具：友盟、神策、百度移动统计、GrowinglO. TalkingData浏览器：Google Chrome浏览器酉己色工具：Coolors> Adobe Kuler> ColorDrop> ColormindH使用现代工具图片压缩工具:Photoshop,智图、TinyPNG、JPEGminiH5制作工具:Photoshop>易企秀H5动画/视频制作工具：After Effects、Premiere、模 板制作工具音频素材网站：Adobe免费音效库、FindSounds、FreeSFX、 OpenGameArt Sound Jay、音乐网站搜索平台音频编辑工具：Audition动效设计工具：Photoshop> Flash、After Effects>JavaScript 脚本、CSS3 animation> Animate CC推广工具：微信、App、新媒体平台H6工程与社会H5能够帮助企业迅速与用户建立情感联系，帮助用户加 深对品牌和产品的认知H7环境和可持续开展8职业规范培养认真、谨慎、创新的职业精神；熟练使用制作与运 营H5的各种工具，提升H5的设计水平，强化H5的运营H9个人和团队10沟通11工程管理12终身学习了解各种H5设计与运营相关的工具，不断提高各类工具 的操作能力；经常学习优秀的H5作品以及运营技巧，不 断提升H5的设计与运营水平H注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业耍求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H” 或"L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目 不相关。四、课程教学内容章节名称主要内容重难点关键词学时类型1H5：强互动的微 切乐体驮什么是H5H5营销的优势H5的应用场景H5的应用类型H5； H5营销的优 势；H5的应用场 景;H5的应用类型3理论2运营规划:开发H5的流程与策 略开发H5的基本流程 开发H5的细节规范 打造爆款H5的策略H5开发的细节规 范;打造爆款H5的 策略4理论+ 操作3H5页面风格设 计:营造极具冲 击力的视觉氛 围常见的H5页面风格H5页面色彩设计常见的H5页面风 格;H5页面设计中 常用的比照配色 方案;H5页面色彩 设计的策略3理论+ 操作4图文设计:用高 颜值图文提升 画面质感H5页面版式设计H5页面图片设计H5页面文本设计实战案例制作邀请函H5页面H5页面版式设计 的方法;H5页面图 片设计的方法；H5 页面文本设计的 方法6理论+ 操作5影音设计:增强H5画面的张力 气氛H5动画/视频设计H5背景音乐/音效设计H5音乐素材的与编辑H5动画/视频制作 的策略、工具与方 法;H5音乐素材的 渠道和编辑 方法4理论+ 操作6动效设计:打造H5页面交互体 验H5页面动效实现方法优化H5页面动效实战案例一一使用易企秀制作H5 动效页面H5页面动效的设 计准那么；在易企秀 中制作动效页面 的方法5理论+ 操作7创意优化:用高 端创意打造刷 屏级H5创作富有“情感”的H5借助超级IP形成创意主题H5创意文案的撰写运用热门技术打造H5炫酷画面设计趣味玩法增加H5的互动性制作富有“情感” 的H5的方法；借 助超级IP形成创 意主题的方法；H5 创意文案的撰写 方法5理论+ 操作8H5制作工具: 易企秀的使用H5基本编辑使用易企秀H5编辑器组件使用易企秀H5编辑器表单使用易企秀制作 H5的基本编辑操 作；易企秀H5编 辑器组件的使用 方法；易企秀H5编 辑器表单的使用 方法6理论+ 操作9H5制作实战： 使用易企秀制 作H5实战案例一一企业宣传与邀请函翻页型H5的制作实战案例一一企业招聘长页型H5 的制作实战案例一一调查问卷表单型H5 的制作实战案例一一翻牌游戏互动型H5 的制作翻页型H5的制作 方法;长页型H5的 制作方法；表单型 115的制作方法；互 动型H5的制作方 法5操作10推广引流:优质 渠道诱发H5裂微信推广引流 App推广引流通过微信推广H5 的方法；通过App4理论+ 操作变式传播新媒体平台推广引流 线下活动推广引流 二维码推广引流推广H5的方法； 通过新媒体平台 推广H5的方法； 通过线下活动推 广H5的方法五、考核要求及成绩评定序号成绩类别考核方式考核要求权重（%）备注1期末成绩期末考试大作业50百分制，60分为及格2平时成绩实战训练10次40优、良、中、及格、不及格3平时表现出勤情况10两次未参加课程那么无法获得学分注：此表中内容为该课程的全部考核方式及其相关信息。六、学生学习建议（一）学习方法建议1 .理论配合实战训练进行学习，提高学生在H5页面图文设计、影音设计、动效设计、创意优化等 方面的能力以及H5运营能力；2 .在条件允许的情况下，可以在自媒体平台上进行H5运营，根据运营效果评估自己的H5设计 与运营水平。（二）学生课外阅读参考资料H5+营销设计手册，苏杭（小呆）著，2019年；人民邮电出版社出版；H5移动营销广告设 计全攻略，刘松异编著，2019年；人民邮电出版社出版。七、课程改革与建设本书以行业应用为导向，从开发流程到应用策略，从风格设计到图文设计，从影音设计到动效设计， 从创意优化到工具使用，从案例制作到推广引流，突出了 “以应用为主线，以技能为核心”的编写特点， 表达了 “导教相融、学做合一”的教学思想。本书采用图解教学的体例形式，以图析文，让读者通过直观、清晰的方式掌握H5运营与设计的方法 与技巧。平时对学生的考核内容包括出勤情况、在线学习习题完成情况、课堂讨论等方面，占期末总评的50%o 期末考试成绩占期末总评的50%。制订人 签字教研室主 任签字院部负责人 签字修订时1HJ ：年月日