H5面创意设计（全彩慕课版）（第2版）-教学大纲

《H5页面创意设计（全彩慕课版）(第2版)》教学大纲课程信息课程名称：H5页面创意设计课程类别：素质选修课/专业基础课课程性质：选修/必修计划学时：28计划学分：2先修课程：无适用专业：本书适合作为高等院校H5页面设计与制作类课程的教材，也可作为从事与H5页面设计与制作相关工作的从业人员的参考书。课程负责人：二、课程简介随着移动互联网技术的日益普及和迅猛发展，“H5”这个新兴名词逐渐被更多的人认识和了解。本书从H5页面设计与制作的角度出发，以设计案例和项目实践相结合的方式，介绍了H5页面设计与制作的相关知识与操作技能。全书共9章内容，分别是认识H5、认识H5的设计规范和工具、H5页面的设计基础、H5页面的素材设计、H5页面的动效设计、H5页面的创意设计、活动运营H5页面的设计与制作、产品推广H5页面的设计与制作、企业招聘H5页面的设计与制作。开拓读者的设计思维，提高其实际操作能力。各章都设有“学习引导”“项目实训”“实战演练”等模块，能帮助读者理解和掌握H5页面设计与制作的关键知识。三、课程教学要求序号专业毕业要求课程教学要求关联程度1工程知识2问题分析了解H5页面设计与制作的工具，快速掌握H5页面的设计与制作H3设计/开发解决方案具备设计H5页面的能力，能够根据企业的需求，设计出有吸引力的H5页面H4研究M5使用现代工具M6工程与社会L7环境和可持续发展8职业规范提高H5页面的设计能力，培养H5设计水平H9个人和团队课后练习可以进行分组练习，分担任务，学习配合H10沟通通过小组发言、提交练习或思考报告增强沟通能力与执行能力H11项目管理H12终身学习以终生学习为目标，不断了解当下流行的H5页面设计的相关知识，学习使用图形图像软件设计H5页面，并导入到H5页面设计工具中添加动效，提高H5页面的设计与制作的综合能力注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。“关联程度”栏中字母表示二者关联程度。关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。四、课程教学内容章节名称主要内容重难点关键词学时类型1认识H5H5的基础知识如何学好H5设计H5的设计与制作流程H5的概念、类型、风格，H5的优势与不足，H5页面设计的原则；H5设计作品应具备的特点、H5设计人员应具备的素质，以及H5的设计与制作流程3理论+实训2认识H5的设计规范和工具H5的设计规范H5的元素设计工具H5的设计生成制作工具H5的创意开发工具H5的辅助设计工具浏览器的选择、H5的常用设计尺寸、H5页面的安全区，Photoshop、Illustrator、AfterEffects、Audition等元素设计工具，MAKA、—易企秀、兔展、人人秀、初页等H5制作工具，意派Epub360、iH5等H5创意开发工具；格式工厂、PSPlay、TinyPNG、草料二维码等H5辅助设计工具4同上3H5页面的设计基础H5原型图色彩版面H5原型图的概念与应具备的要素，色彩三要素、色彩与情感、氛围的关系，色彩搭配方法；H5页面版面类型及各类型设计要点3同上4H5页面的素材设计H5页面的图片设计H5页面的文字设计H5页面的音效设计图片素材的获取、图片的设计原则，H5页面中的文字及字体、H5页面标题文字和正文文字的设计技巧，H5页面中音效素材的获取方法及选择注意事项3同上5H5页面的动效设计H5页面动效设计基础H5页面的内页动效设计H5页面的转场动效设计H5页面动效的作用和主要类型，内页动效的选择、层级；设计转场动效的注意事项3同上6H5页面的创意设计H5页面的交互创意设计H5页面的动态创意设计使用H5+720度全景技术查看全景画面、使用H5+人脸识别技术让内容更有趣、使用H5+物理引擎技术创建虚拟世界、使用H5+重力感应技术让用户的互动体验更强、使用H5+手指跟随技术让操作更生动，使用H5+快闪广告提升浏览体验、使用H5+粒子特效提升视觉体验、使用H5+视频提升内容的展现效果、使用H5+多屏互动提升营销的娱乐性、使用H5+GIF动画让画面更生动3同上7综合案例：活动运营H5页面的设计与制作制作元宵节活动H5页面的前期准备元宵节活动H5页面的设计元宵节活动H5页面的动效制作与发布元宵节活动H5页面设计构思、绘制元宵节活动H5页面原型图、搜集元宵节活动H5页面素材；设计元宵节活动H5标题页、设计元宵节活动H5内容页、设计元宵节活动H5红包页、设计元宵节活动H5介绍页；为元宵节活动H5页面添加动效、为元宵节活动H5页面添加音效、发布元宵节活动H5页面3案例+实训8综合案例：产品推广H5页面的设计与制作制作产品推广H5页面的前期准备产品推广H5页面的设计产品推广H5页面的动效制作与发布产品推广H5页面设计构思、绘制产品推广H5页面原型图、搜集产品推广H5页面素材；设计产品推广H5首页、设计产品推广H5内页、设计产品推广H5尾页；为产品推广H5页面添加动效、为产品推广H5页面添加音效、发布产品推广H5页面3同上9综合案例：企业招聘H5页面的设计与制作制作企业招聘H5页面的前期准备企业招聘H5页面的设计企业招聘H5页面的动效制作与发布企业招聘H5页面设计构思、绘制企业招聘H5页面原型图、搜集企业招聘H5页面素材；导入企业招聘H5页面素材、设计企业招聘H5首页、设计企业招聘H5内页；为企业招聘H5页面添加动效、为企业招聘H5页面添加音效、发布企业招聘H5页面3同上五、考核要求及成绩评定序号成绩类别考核方式考核要求权重（%）备注1期末成绩期末考试大作业50百分制，60分为及格2平时成绩实战训练10次40优、良、中、及格、不及格3平时表现出勤情况102次未参加课程则无法获得学分注：此表中内容为该课程的全部考核方式及其相关信息。六、学生学习建议学习方法建议1.理论配合课堂实训进行学习，提高学生对H5页面设计与制作的动手能力；2.在条件允许的情况下，可以尝试在不同平台工具软件设计与制作H5页面；3.提高学生的设计能力与动手能力。学生课外阅读参考资料《H5创意与广告设计》，教育部教育管理信息中心组编，2019年，人民邮电出版社《H5设计与运营（视频指导版）》，余兰亭万润泽编著，2020年，人民邮电出版社七、课程改革与建设本书内容全面，深浅适度。在第1章～第2章主要对H5的基础知识进行讲解，第3章～第6章主要对H5页面的设计基础、素材设计、动效设计、创意设计等进行讲解，第7章~第9章则通过3个综合案例讲解不同类型H5页面的设计与制作方法。本书在按照现代教学需要进行编写的基础上，突出了实用性和可操作性。本书不但对H5基础知识和常见设计规范及方法进行了介绍，还通过实例的形式，对不同的H5编辑工具进行了介绍。同时，为了帮助读者快速了解H5，掌握不同类型的H5页面的设计方法，本书在理论讲解环节结合典型案