《前端互动设计》课程标准.docxVIP

PAGE 5 《前端互动设计》课程标准 课程概述： 课程根据岗位工作流程与数字媒体艺术设计专业学生认知事物和解决问题的规律，共安排课时为64课时，授课顺序由浅入深分为三阶段、六大模块呈能力递增方式组成，每个模块以一个思政主题作引导，通过任务的知识目标、能力目标、素质目标、技能训练、案例连接等形式，帮助学生在实践中掌握H5可视化交互的技术和策划创意技能，和后续的专业课程形成交互课程体系。 第一阶段为初级阶段，是整门课程的基础，包括了初识H5互动设计、基础动画两个模块。在案例设计中融入了职业道德和大国科技的思政元素。通过学习，学生需掌握软件的基本使用方法和八大动画的制作技巧，提升动画编辑能力。 第二阶段为中级学习阶段，包括H5可视化交互制作、控件的使用、关联技术三个模块，也是本课程的重点。在案例设计中融入了美丽家乡、社会公德、文化自信的思政元素。培养学生可视化交互的制作方法，提升交互制作能力。 第三阶段为高级能力的进阶，包括H5创意与实现模块。在案例设计中融入了创新精神和工匠精神的色正。该阶段通过学习H5创意来源、创意产生、创意表现、创意实现4个知识点和技能点，并依托一个真实设计项目贯穿本阶段的学习，使学生全程跟踪项目的始末，提升学生创意能力和项目掌控能力。 教学目标 通过本课程知识与技能的学习，使学生的创造力、动画编辑能力、H5交互能力、创意能力和项目掌控能力等技能。引导学生建立正确的职业道德观，树立文化自信与精益求精的工匠精神，激发对家乡和祖国的热爱。使其掌握技术和艺术相结合的设计方法，拓展设计思维，具备独立完成H5互动整体设计的职业能力，为专业设计提供方法和途径，能按职业岗位需求设计制作富有创意与时代感的H5交互作品。 （一）知识目标 （1）理解H5前端互动的概念和用途；熟悉不同类型H5传播的特点； （2）了解动画形成原理；掌握H5基础动画的制作方法；熟悉时间轴、帧、关键帧和空白关键帧的概念及用法； （3）掌握H5的加载页面和动画控制的方法；熟练掌握H5行为与触发事件等交互控制；掌握播放元件、属性、关联的使用方法；掌握H5实用工具的应用技巧；熟悉H5发布信息设置的步骤与主流媒体的尺寸及其屏幕适配技巧； （4）理解H5产品创意的过程；掌握H5产品买点的提炼方法；掌握H5创意方法与表现技巧；掌握H5从创意到实现的过程； （5）掌握H5一镜到底等拓展技能的制作方法。 （二）能力目标 （1）通过完成基础动画的学习，能运用时间轴、关键帧、元件的知识制作出关键帧动画、运动动画、路径动画、曲线变形动画、遮罩动画、进度动画、预置动画、元件动画； （2）根据软件的设置能上传PSD、GIF、音频、视频等文件并且能将制作好的H5动画根据屏幕适配进行准确的发布； （3）通过完成H5可视化交互制作知识的学习，能运用行为与触发事件、帧行为交互控制、页行为交互控制、多图层帧交互设计、播放元件片段、改变元件属性、关联以及幻灯片效果、擦玻璃、点赞与投票、陀螺随机数、计数器、表单与统计等可视化技巧，制作出既符合现代审美又具备实用功能的优质H5交互； （3）通过完成H5创意与实现知识的学习，能根据项目分析、运用创意寻找方法、创意变现方法，选择合适的交互方式独立完成微信、微博H5项目，培养学生创意能力和项目掌控能力。 （三）素质目标 （1）在习近平新时代中国特色社会主义思想指引下，通过将中国传统元素、大国科技等元素融入项目训练中，弘扬中华文化，践行社会主义核心价值观，培养学生的爱国情怀与民族自豪感以及对家乡的热爱，树立文化自信； （2）通过完成不同类型H5传播的特点和H5概念、用途的学习，培养学生的审美意识与专业素养； （3）通过导入科技创新手法进行页面智能配色与编排，培养学生创新创意思维，提升科技创新意识； （4）通过将真实设计项目融入前端互动的实践教学，培养学生精益求精的工匠精神，具备良好的团队协作素质和人际沟通素质。 三、教学模式 遵循“以学习者为中心”的理念，采用混合式教学， 以在线学习为主，适当结合线下面授和讨论等，课程内容在线学习时长达50%以上。学习方式为教师引领、学生微课自学及项目驱动教学法等。 教学日历：建议8学时/周 教学模块 周次 教学主题 学习成果 学习资源 学习活动 初识H5 1 1.课程简介 2.H5的概念 3.H5作品的分类与欣赏 4.H5设计流程与步骤 1.知识点：了解H5的概念；了解H5的用途；理解H5产品的判断标准 2.能力点：能把不同类型H5动画的特点带入到项目设计中。能通过三点分析判断H5产品的优缺点。 3.素质点：培养学生正确的审美情趣和动画思维方式。 1.课程简介视频 2. H5的概念微课 3. H5作品的分类微课 4. H5设计流程与步骤微课 5．本模块4个知识点的PPT 6.拓展资源视频 1.作业： 分