2025年《新媒体视觉设计》课程标准（含课程思政元素）

2/2《新媒体视觉设计》课程标准课程名称：新媒体视觉设计课程代码：3230209适用专业：视觉传达设计课程类别：专业核心课学时：42学时（理论：16实践：26）学分：2.5学分课程团队成员：一、课程概述课程性质与任务：《新媒体视觉设计》课程在高职教育中具有重要的地位。随着数字化时代的推进和新媒体的普及，视觉设计在信息传播、品牌推广等领域的作用愈加显著。该课程旨在培养学生在新媒体环境中的视觉创作与设计能力，涵盖理论知识、技术应用及实践项目等多个方面。课程内容以视觉传达原理、色彩搭配、排版设计为基础，进一步拓展到动效设计、新媒体交互设计等新兴领域。学生不仅学习这些概念和技巧，还会掌握相关的专业设计软件和工具。通过系统化的训练，学生能够发展创意思维和审美能力，设计出具有吸引力和独特性的视觉作品。课程还特别强调实践能力的培养，学生将参与实际的新媒体动效设计、新媒体交互设计等项目，提升他们的操作技能和问题解决能力。通过该课程的学习，学生将为未来的就业和职业发展打下坚实基础，具备在数字化时代中满足行业需求的新媒体视觉设计专业能力。二、培养目标与要求（一）总体目标与要求通过本课程的学习，让学生快速入门AdobeAfterEffects及H5页面制作软件；通过教学案例讲解，让学生逐步能够制作一些简单的图形图案动效，结合版式设计、色彩搭配、平面构成等相关知识与技能，最终能够独立完成新媒体动效广告、互动广告的设计与制作。（二）具体目标与要求1.素质（1）具有吃苦耐劳、踏实肯干的精神；（2）具有较好的语言表达与沟通协调能力；（3）具有优良的团队合作精神；（4）具有良好的职业道德和审美素养；（5）具有独立思考能力与艺术鉴赏能力；（6）具有良好的诚信意识与责任意识；（7）具有正确的价值观、法治观念。2.知识（1）掌握新媒体视觉设计基本要素；（2）了解媒体动态视觉表现、新媒体交互视觉表现；（3）掌握常见的图形图案的动效形式；（4）掌握AfterEffects图层的基本属性与关键帧动画的原理；（5）掌握AfterEffects轨道蒙版与图层遮罩的使用方法；（6）掌握H5设计与制作的项目流程；（7）掌握H5设计与制作的常用软件及操作。3.能力（1）H5设计与制作软件基本操作能力；（2）能用AfterEffects进行关键帧动画制作能力；（3）能用AfterEffects轨道蒙版与图层遮罩的使用方法（4）能用AfterEffects软件设计并制作动效海报的能力；（5）能用H5软件设计并制作互动广告的能力；三、课程结构与内容（一）课程设计思路《新媒体视觉设计》课程的设计思路融合了动效设计和新媒体互动设计的关键要素，旨在全面培养学生在数字化时代的视觉创作和用户体验设计能力，为他们未来从事相关职业奠定基础。动效设计方面，课程将重点教授学生如何通过动画和过渡效果增强视觉吸引力，创造出生动且吸引人的视觉体验。学生将学习动效设计的原理、工具和技巧，例如使用AdobeAfterEffects等专业软件进行动效制作。通过实践项目，学生将在新媒体平台上应用动效技术，创作出引人注目的视觉作品。新媒体互动设计方面，课程注重培养学生的互动设计能力，包括用户体验设计原则、信息架构和交互设计技巧。学生将学习如何创造具有良好可用性和交互性的界面，探索如社交媒体互动、触摸屏幕交互等新媒体互动设计的特点，并运用合适的交互设计方法来提升用户参与度和满意度。课程设计依据国家标准要求，结合专业升级与数字化转型、绿色化改造等背景，确保课程内容既符合高职院校学生的认知特点，又符合相应职业资格标准、行业规范、新技术、新工艺等要求。课程内容的确定以工作任务完成的需要为基础，同时反映思想性、科学性、职业性和时代性，体现学科知识与职业应用场景的融合。课程内容的选取和排序依据学生的学习需求和认知发展。课程提倡与行业企业合作，开发基于真实工作任务的课程，整合并序化教学内容，科学设计学习性工作任务，强调教、学、做结合，理论与实践一体化的教学模式。（二）课程结构课程结构安排见表1：表1《新媒体视觉设计》课程结构序号学习任务（项目）子任务（项目）1项目一：课程概论1.新媒体视觉设计的领域与发展2项目二：AE动效设计1.动效设计原理与概念2.AE合成设置与基本动画3.AE蒙版与轨道遮罩4.主题动效海报设计3项目三：H5互动设计1.初识H52.网页界面信息策划布局3.H5互动广告全流程实操4.H5互动游戏设计（三）教学内容1．课程内容安排学习任务（项目）描述、结构与内容、目标与要求及学时分配（总学时：42，理论16/实践26）见表2：表2《新媒体视觉设计》课程教学内容表学习任务（项目）子任务（项目）教学内容课时数（理论/实践）目标与要求（知识点、能力点、素质点）教学方式（教学方法、教学手段）教学场地1课程概论新媒体视觉设计的领域与发展新媒体视觉设计基本要素、新媒体动态视觉表现、新媒体交互视觉表现理论2知识点：新媒体的界定能力点：平面设计素质点：理论素养讲授法多媒体机房或多媒体教室2AE动效设计动效设计原理与概念动效设计工具AE介绍、动效形式与过渡效果应用理论2知识点：动效设计的常用软件工具能力点：分析动效表形式素质点：理论素养讲授法多媒体机房或多媒体教室AE合成设置与基本动画创建项目合成、新建图层、图层基本属性、关键帧动画理论2实践2知识点：基本动画——卡关键帧能力点：熟悉AE基本操作素质点：职业素养、工匠精神讲授法互动法项目实践机房或多媒体教室AE遮罩案例全方面解析通过案例讲解图层遮罩的用法理论2实践2知识点：遮罩与轨道蒙版能力点：观察能力、动手能力素质点：职业素养、工匠精神讲授法互动法练习法机房或多媒体教室项目实训一主题动效海报设计实践6知识点：动效设计、版式设计能力点：动手能力、综合实践能力素质点：职业素养、工匠精神讲授法互动法练习法机房或多媒体教室3H5互动设计初识H5H5的发展与应用、H5设计与制作的项目流程理论2知识点：H5的定义能力点：观察能力、知识迁移素质点：职业素养、工匠精神讲授法互动法机房或多媒体H5的创意实现H5的策划、交互、风格、动效、音效、测试、数据分析理论6知识点：H5设计流程能力点：观察能力、知识迁移素质点：职业素养、工匠精神讲授法互动法练习法教室机房或多媒体教室H5互动广告案例讲解项目策划、交互设计、视觉设计、制作发布实践8知识点：H5设计流程能力点：观察能力、动手能力素质点：职业素养、工匠精神讲授法互动法练习法机房或多媒体教室项目实训二H5互动游戏设计实践8知识点：动效设计、交互设计能力点：动手能力、综合实践能力素质点：职业素养、工匠精神讲授法互动法练习法机房或多媒体教室2．课程实验（实训）安排课程中开设的实验（实训）教学内容参考下表：表3实验（实训）教学内容标准表实验（实训）项目名称：AE动效设计参考学时10实验目的设计具体的作品，提升实践能力。仪器设备电脑、PS\AI\AE软件场地要求配置40个操作台面和座位，照明通风良好。实训内容1.AE合成设置与基本动画（2）2.AE蒙版与轨道遮罩（2）3.主题动效海报设计（6）成果过程文件（草图、工程文件、设计说明）最终作品考核评价按照项目完成情况进行考核、赋分。从学习纪律与学习态度（10%）职业素养与规范（10%）实训项目作品质量（80%）三方面进行评价。实验（实训）项目名称：H5互动设计参考学时16实验目的设计具体的作品，提升实践能力。仪器设备电脑、PS\AI\H5软件场地要求配置40个操作台面和座位，照明通风良好。实训内容1.H5互动广告案例全流程实操（8）2.H5互动游戏设计（8）成果过程文件（草图、工程文件、设计说明）最终作品考核评价按照项目完成情况进行考核、赋分。从学习纪律与学习态度（10%）职业素养与规范（10%）实训项目作品质量（80%）三方面进行评价。（四）课程思政《新媒体视觉设计》课程将课程思政融入教学内容和项目实践中。通过分析设计案例，强调社会责任、文化传承、和创新精神，培养学生在数字化时代的职业伦理和文化自信。在实际项目中，引导学生关注设计对社会的影响，增强他们的社会责任感和文化认同感。课程通过这些方式，实现专业知识与思政教育的有机融合，促进学生的全面发展和职业素养提升。表4《新媒体视觉设计》课程思政情况一览表序号学习任务（项目）子任务（项目）思政主线主要思政元素思政载体思政融入路径1课程概论新媒体视觉设计的领域与发展数字化时代的文化传播与社会责任文化传承、社会责任、创新精神经典案例分析、项目设计在项目实践中嵌入文化价值和社会责任教育2AE动效设计动效设计原理与概念动效设计中的文化表达与价值传递文化自信、工匠精神、创新意识动效案例剖析、作品创作在动效设计实践中融入文化自信与工匠精神教育AE合成设置与基本动画技术应用中的职业伦理与工匠精神责任意识、精益求精、团队合作项目制作、动画案例分析在软件操作中强调职业伦理和精细化制作的重要性AE遮罩案例全方面解析技术应用中的职业伦理与工匠精神责任意识、精益求精、团队合作项目制作、动画案例分析在软件操作中强调职业伦理和精细化制作的重要性项目实训一：AE动效设计设计实践中的社会责任与文化传播社会责任、文化传播、创新意识动态海报案例、设计反馈在动态海报设计中强调社会影响与文化表达的责任3H5互动设计初识H5新技术应用中的社会价值与创新意识社会责任、科技创新、伦理规范H5项目展示、案例分析在H5设计中强调技术对社会的影响与创新责任H5的创意实现创意设计中的伦理责任与文化创新。创新意识、社会影响、文化传承。H5创意案例、设计展示。在H5创意实现过程中，强调设计的伦理责任与文化价值H5互动广告案例讲解互动广告中的社会责任与伦理规范责任意识、诚信原则、用户体验H5互动广告案例分析、讨论通过案例讲解互动广告的社会影响，强调诚信与责任项目实训二：H5互动设计互动设计中的用户导向与社会价值用户尊重、社会责任、创新精神H5互动设计项目、设计评审在H5互动设计实训中，强调用户体验的社会责任和设计创新的伦理四、课程实施与保障（一）课程实施1.教学模式项目驱动教学模式：课程通过项目驱动的方式，结合真实的工作任务和项目案例，推进教学。学生在动效设计和新媒体互动设计的项目中，将理论与实践相结合，通过实际操作提升技能。理论与实践相结合的教学模式：理论教学与实践操作并行，课程内容以动效设计和互动设计的基础理论为起点，然后迅速转入软件操作和项目制作，使学生能够在学习过程中即时应用所学知识。合作学习与行业参与：鼓励学生通过小组合作，模拟真实的团队工作环境，提升团队协作能力。并通过与行业企业的合作，将行业标准和实际工作流程融入教学内容，使学生获得更贴近职业需求的技能。反馈与迭代教学模式：课程强调在项目制作过程中进行定期的反馈和迭代，通过教师指导和同行评审，帮助学生不断优化设计作品，提高学习效果。2.主要教学方法项目导向法：通过实际项目引导学习，学生在完成动效设计和互动设计任务中应用所学知识。演示与实践法：教师演示设计工具和技术，随后学生动手操作，巩固理论知识。小组合作法：学生分组合作，模拟真实工作环境，提升团队协作和沟通能力。案例分析法：通过分析经典或行业案例，帮助学生理解设计原理和应用场景。反馈迭代法：定期进行作品评审，教师和同学提供反馈，学生根据建议改进设计作品。3.教学手段演示文稿：通过PPT和视频演示设计原理和技术。软件工具：使用AdobeAfterEffects等专业软件进行动效设计和互动设计。实践项目：真实或模拟项目任务，进行实际操作和设计。互动讨论：课堂讨论和小组会议，分享观点和解决问题。反馈系统：定期作品评审和反馈，提供改进建议。（二）课程实施保障1.课程团队本课程教学的专兼职教师应具有高校教师资格和本专业领域相关证书；要求坚持四项基本原则，热爱职业教育事业，具有良好思想政治品质和职业道德，遵纪守法，严谨治学，为人师表，作风正派，工作责任心强，工作中能严格遵守学校的有关规定，认真履行工作职责；具有视觉传达设计、装潢美术设计、设计学、广告学及相近专业硕士及以上学历，扎实的视觉传达设计理论功底和实践能力；具有较强的信息化教学能力，能够开展课程教学改革和科学研究。学历、职称、职业资格、行业企业经历等资质的要求如下：教师要求专职兼职专业/学历/职称职业资格行业经历31设计艺术/研究生/讲师以上高校教师资格证/广告设计师/影视特效制作师设计公司/广告/电视/互联网工作等相关行业经历2.教学条件设备支持：配备高性能计算机、数位板等设计设备。软件环境：安装AdobeAfterEffects等专业设计软件。资源库：提供丰富的案例库、教程视频和设计模板。实践空间：配备设计实验室或工作室，供学生进行项目实践。网络支持：提供高速互联网和在线资源访问渠道。3.教学资源（1）教材《AfterEffects动态图形与动效设计》，何蝌，人民邮电出版社，2022.5.（2）数字化资源视觉传达设计国家级资源库（3）其他教学参考资料《新视觉力——动态图形设计》，倪洋，上海人民美术出版社，2022.12。《数字媒体艺术创新力》，丁男，化学工业出版社，2022.05。《H5融媒体制作项目式教程》，中国水利水电出版社，邱军辉，刘婧，2021.10.1。《可视化H5页面与交互动画设计与制作》，彭澎，姜旭，人民邮电出版社，2022.12.4.课程质量改进（1）教材的选用及编写建议《AfterEffects动态图形与动效设计》，何蝌，人民邮电出版社，2022.5.教材能项目为导向，结合实际案例逐步引导学生掌握动效设计和新媒体互动设计的核心技能。内容结构分为理论讲解、工具应用和项目实践三大部分。理论部分应简明扼要，突出关键概念和设计原理；工具应用部分需涵盖主要软件的操作指南和技巧；项目实践部分则提供真实案例和项目任务，帮助学生通过实践深化理解。每章应配有操作步骤、关键提示、常见问题解析，以及自我评估练习，以便学生自学和复习。此外，考虑到数字化学习的趋势，教材可附带电子资源，如教程视频、可编辑的设计模板和课后习题答案，增强学习的互动性和实用性。（2）教学参考资料推荐建议《新视觉力——动态图形设计》，倪洋，上海人民美术出版社，2022.12。《数字媒体艺术创新力》，丁男，化学工业出版社，2022.05。《H5融媒体制作项目式教程》，中国水利水电出版社，邱军辉，刘婧，2021.10.1。《可视化H5页面与交互动画设计与制作》，彭澎，姜旭，人民邮电出版社，2022.12.（3）主要教学方法建议本书可以结合线上教学资源，拓展学习渠道，提升学习效果。（4）其他教学资源配置站酷网、花瓣网、behance、虎课网（5）课程教学团队建议团队结构：专职教师：主要负责课程的系统教学和理论讲解，具有丰富的教学经验和扎实的学术背景。兼职教师：包括行业专家和从业人员，提供实践指导和行业最新动态，增强课程的实用性和前瞻性。能力结构：理论能力：教师需具备深厚的视觉设计理论知识，包括动效设计和互动设计的核心原理。实践能力：教师应熟练操作相关设计软件（如AdobeAfterEffects）并能够指导学生进行实践项目。沟通能力：能有效与学生进行交流，解答疑问，并提供建设性的反馈。知识能力体系：动效设计：掌握动画原理、动效制作技巧以及应用软件的操作。新媒体互动设计：了解用户体验设计、信息架构、交互设计原则及应用方法。行业动态：对新媒体视觉设计领域的最新趋势和技术有深入了解。学历要求：教师应至少具备相关领域的本科或硕士学位，具有艺术设计、数字媒体、用户体验等专业背景的人员。行业企业经历：专职教师：具有一定的教学经验和相关领域的科研成果。兼职教师：至少有3—5年的实际行业经验，曾参与或主导过相关的新媒体视觉设计项目，能够提供实战经验和案例分享。五、课程考核与评价（一）课程考核与评价模式考核内容：包括项目作业、课堂参与、理论考试和实践技能测试，涵盖动效设计和新媒体互动设计的各个方面。方式方法：采用形成性评价与总结性评价相结合的方式，项目作业与课堂参与进行持续评估，理论考试和实践技能测试作为期末考核。评价主体：教师、同学互评以及行业专家共同参与评价，确保多维度的反馈。评价信息获取途径：运用在线平台收集学生的作业提交、课堂表现和测试成绩，利用大数据和人工智能分析学习行为和趋势，提供个性化学习报告。（二）课程考核主要内容教学内容考核一览表序号学习任务子任务考点考核方式权重1课程概论新媒体视觉设计的领域与发展新媒体的界定学习过程评价（线上课程测试）10%2AE动效设计动效设计原理与概念动效设计的表现形式学习过程评价（线上课程测试）10%AE合成设置与基本动画关键帧设置学习效果评价（课堂实操检测）10%AE遮罩案例全方面解析遮罩与轨道蒙版学习效果评价（课堂实操检测）10%项目实训一：AE动效设计动效设计、版式设计学习效果评价（作品设计与展示）10%3H5互动设计初识H5H5的定义学习过程评价（线上课程测试）10%H5的创意实现H5的设计流程学习效果评价（课堂分析报告）10%H5互动广告案例讲解H5的设计流程学习效果评价（课堂实操检测）10%项目实训二：H5互动设计交互设计、版式设计学习效果评价（作品设计与展示）10%出勤、课堂讨论、互动学习行为评价10%（三）课程学业质量评价学生的学业质量评价将结合过程评价与结果评价，注重全面反映学生的学习成果。过程评价包括日常课堂表现、项目作业及参与度，以跟踪学生的学习进展和能力提升。结果评价通过理论考试和实践技能测试，评估知识掌握和实际应用能力。同时，探索增值评价，通过与入学时的基础水平比较，评估学生的成长和进步。综合评价结合定量和定性指标，全面评估学生的学习效果和能力提升。（四）课程评价本课程考核关注学生在知识、技能、价值观和学习过程与方法的掌握程度，主要以作品设计、作品展示等为学习评价内容，综合采用学习过程、效果评价与学习行为、总体评价相结合方式，同时基于学生参与实战项目的设计与相应的技能竞赛，对学生取得相应的标志性成绩，实行总结性评价（增值评价），形成由教师评价、学生互评、社会评价多元化评价体系。序号考核方式考核内容考核要素权重1学习效果评价作品设计与展示方案设计与制作调研分析报告课程结课考核等基于课程的素质目标、知识目标和能力目标，设定相应的素质观测点、知识测试点、技能考核点等，实行全要素评价。50—60%2学习过程评价线上学习互动线上课程测试等基于职业教育专业教学资源库、职教云等课程平台的学习互动情况，包括互动答疑、专题讨论、线上测试、实训任务