网页动画设计与制作27页
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
让学生通过系列项目任务训练，经由从“不会专业工作”到“会制 作型专业工作”，再到“善于做制作型专业工作”，最后到“善于 做设计与制作并举的专业工作”这一专业工作能力成长的科学路径， 最终形成相对完整的网页动画设计与制作专业岗位能力。
数码四步教学法
1 工作认知
制 作
训
单 个 实
2 项目跟做训练
练
训
项
目源自文库
3 临摹和变化训练
创 作 训
练
4 创作和设计训练
教学过程的具体形式
1 工作认知
具体工作过程及项目认知（调研、提问、报告，收集 资料）
2 项目跟做训练
分阶段渐次提高难度（跟教师制作步骤）
3 临摹和变化训练
因才施教、有选择地布置临摹稿（教师布置任务）
4 创作和设计训练
根据调研及前期经验自行设计制作产品，并完成制作 报告书（教师针对性引导）
学习目标
让学生了解网页动画的基本形式和技术要点，并且掌握网页动画 制作工具Adobe Flash动画制作工具和Adobe Edge HTML5动画制 作工具的使用技巧，能够集成文字、声音、视频等多媒体元素， 并能够发挥创意、自主完成网页动画作品的创作。
能力目标
掌握Flash和Edge这2个主流网页动画制作工具的安装和使用方法； 能够合理选择不同的技术来制作动画来适应日趋复杂性的网页应 用平台；能够在网页动画的基础上进行一定的交互编程工作，让 网页动画和交互设计结合起来。
前序课程
《网页美术设计》、《用户界面设计》等，需要具备这些 学习包课程所赋予的专业知识和专业能力作为学习本学习 包课程的专业基础。
后续课程
《互动多媒体设计》和《多媒体互动综合创作课程》是所 有学习多媒体设计类交互动画课程综合能力的体现，能够 直接对接多媒体设计与制作的相应专业工作。
课时安排
总课时：64课时
知识要点
了解设计交互网页动画制作的应用领域及制作的技术标准；
了解交互网页动画设计的制作流程； 熟悉交互网页动画制作中的专用术语及其代表的概念； 理解交互网页动画制作软件工具的功能和作用； 能够分析一般网页动画项目的重点难点和素材支撑；
技能要点
能够使用Flash和Edge软件工具根据设计方案正确制作交互网页动画；
善于探索研究的学习风格
对工作认真负责的职业操守
团队协同工作的合作精神
能够承受工作压力的忍耐品格
从专业角度为设计委托客户精心工作和服务观念
对应技能职业
通过本课程的学习以后，学生能够初步掌握网页动画设计和网页 动画交互制作的技能，具备上海市职业指导中心的“网页设计师” 三级（高级）和“多媒体作品制作师”三级（高级）技能资质标 准中的专业技能水平。
教学项目设计的基本形式
由难到易，使学生在完成项目任务中得到模拟工作岗位岗位和工作内容的体验， 使教学训练得以遵循实际专业能力形成路径、对应完成专业工作的综合要求。
教学项目设计的基本原则
项目任务的透明性、项目完成结果的可见性、项目教学过程学生情绪的控制性、 所有学生行动的参与性、教学指导意见的建设性、项目知识讲解的形象性、项 目执行主题的共识性、项目评价归纳的简约性。
知识目标
能够正确认识网页动画在网站上的形式和作用；能够了解不同类 型网页动画和网页动画广告的技术要点和优劣；能够掌握网页动 画创作的一般流程和流程中涉及的基本工具和操作方法
学习/训练方 法
运用数码四步教学法及项目案例设计制作程序为主的方式训练学生， 通过由易及难，由简及繁的系列专业项目训练，帮助学生具备网页 动画设计与制作的专业能力，并在项目化教学训练的过程中，理解 和掌握专业知识。
（1）FLASH交互动画广告制作项目课程：32课时； （2）HTML5交互动画广告制作项目课程：32课时。
课程体系
网页美术元素设计 项目包课程
Flash交互动画广 告制作项目课程
……
专业基础课程
专业主干核心课程
网页动画设计与制 作项目包课程
行业专业岗位 技能水平认证
用户界面元素设计 项目包课程
HTML5交互动画广 告制作项目课程
课程专业属性
属于电脑艺术设计专业大平台多元化专业教学体系中专业岗位技能 类学习包项目课程，是专业主干核心课程。
采用单元制的教学安排，以保持本课程的职业性和专业性特色。强 调模拟专业工作流程、工作内容和工作质量指标。
由《Flash交互动画广告制作项目课程》和《HTML5交互动画广告制 作项目课程》两门紧密联系的课程组成，分别对应于横幅动画广告制 作项目和条幅扩展式交互广告制作项目专业技能，形成能力递进学习 关系，并能够较为全面地覆盖交互网页动画设计与制作的专业领域。
能够正确进行矢量图形的绘制和声音、图像和视频元素的集成能力； 能够合理设置设计网页动画制作中的帧动画、遮罩动画和引导层动画等三 种基本动画的能力； 能够编写Flash ActionScript和JavaScript代码实现交互的能力；
能够演示并充分阐述项目设计的成果；
行为要点
严守技术标准的态度
遵守工作纪律的习惯
教学项目设计的基本内容
A、Flash动画广告设计与制作项目 B、HTML5交互动画广告设计与制作项目
在A和B项目中具体主要以汽车广告制作项目制作训练课程、手风琴式交互展 示广告设计与制作项目训练课程、网页动画设计与制作训练课程等交互动画 广告制作来表现A和B项目，由易到难，由简到繁的设计制作过程。
教学内容
教学项目设计的基本结构
网页动画设计与制作项目包项目课程包括Flash交互动画广告制作项目和HTML5 交互动画广告制作项目，主要由横幅动画广告制作项目和条幅扩展式交互广告制 作项目训练课程这二类产品并行又关系紧密的课程组合。
教学项目设计的基本目标 使整个教学过程贴近实际专业工作过程，保证专业教学职业性特色。
A、Flash动画广告设计与制作项目课程
在修完本项目包课程以后，还可以参加我国工信部网页设计师和 多媒体设计师的专业技能资质认证，获得全国公认的“网页设计 师”的专业技能资质证书。更可以参加国际公认的Adobe交互设 计师资质认证，获得 “交互设计师”专业能力标准的行业认定资 质。
教学项目设计
本课程的教学项目的来源
均来自于真实的各种类型网站的典型交互动画广告案例，集中了主流网站中的典 型交互动画广告制作过程中的典型问题，以及典型解决方法。
数码四步教学法
1 工作认知
制 作
训
单 个 实
2 项目跟做训练
练
训
项
目源自文库
3 临摹和变化训练
创 作 训
练
4 创作和设计训练
教学过程的具体形式
1 工作认知
具体工作过程及项目认知（调研、提问、报告，收集 资料）
2 项目跟做训练
分阶段渐次提高难度（跟教师制作步骤）
3 临摹和变化训练
因才施教、有选择地布置临摹稿（教师布置任务）
4 创作和设计训练
根据调研及前期经验自行设计制作产品，并完成制作 报告书（教师针对性引导）
学习目标
让学生了解网页动画的基本形式和技术要点，并且掌握网页动画 制作工具Adobe Flash动画制作工具和Adobe Edge HTML5动画制 作工具的使用技巧，能够集成文字、声音、视频等多媒体元素， 并能够发挥创意、自主完成网页动画作品的创作。
能力目标
掌握Flash和Edge这2个主流网页动画制作工具的安装和使用方法； 能够合理选择不同的技术来制作动画来适应日趋复杂性的网页应 用平台；能够在网页动画的基础上进行一定的交互编程工作，让 网页动画和交互设计结合起来。
前序课程
《网页美术设计》、《用户界面设计》等，需要具备这些 学习包课程所赋予的专业知识和专业能力作为学习本学习 包课程的专业基础。
后续课程
《互动多媒体设计》和《多媒体互动综合创作课程》是所 有学习多媒体设计类交互动画课程综合能力的体现，能够 直接对接多媒体设计与制作的相应专业工作。
课时安排
总课时：64课时
知识要点
了解设计交互网页动画制作的应用领域及制作的技术标准；
了解交互网页动画设计的制作流程； 熟悉交互网页动画制作中的专用术语及其代表的概念； 理解交互网页动画制作软件工具的功能和作用； 能够分析一般网页动画项目的重点难点和素材支撑；
技能要点
能够使用Flash和Edge软件工具根据设计方案正确制作交互网页动画；
善于探索研究的学习风格
对工作认真负责的职业操守
团队协同工作的合作精神
能够承受工作压力的忍耐品格
从专业角度为设计委托客户精心工作和服务观念
对应技能职业
通过本课程的学习以后，学生能够初步掌握网页动画设计和网页 动画交互制作的技能，具备上海市职业指导中心的“网页设计师” 三级（高级）和“多媒体作品制作师”三级（高级）技能资质标 准中的专业技能水平。
教学项目设计的基本形式
由难到易，使学生在完成项目任务中得到模拟工作岗位岗位和工作内容的体验， 使教学训练得以遵循实际专业能力形成路径、对应完成专业工作的综合要求。
教学项目设计的基本原则
项目任务的透明性、项目完成结果的可见性、项目教学过程学生情绪的控制性、 所有学生行动的参与性、教学指导意见的建设性、项目知识讲解的形象性、项 目执行主题的共识性、项目评价归纳的简约性。
知识目标
能够正确认识网页动画在网站上的形式和作用；能够了解不同类 型网页动画和网页动画广告的技术要点和优劣；能够掌握网页动 画创作的一般流程和流程中涉及的基本工具和操作方法
学习/训练方 法
运用数码四步教学法及项目案例设计制作程序为主的方式训练学生， 通过由易及难，由简及繁的系列专业项目训练，帮助学生具备网页 动画设计与制作的专业能力，并在项目化教学训练的过程中，理解 和掌握专业知识。
（1）FLASH交互动画广告制作项目课程：32课时； （2）HTML5交互动画广告制作项目课程：32课时。
课程体系
网页美术元素设计 项目包课程
Flash交互动画广 告制作项目课程
……
专业基础课程
专业主干核心课程
网页动画设计与制 作项目包课程
行业专业岗位 技能水平认证
用户界面元素设计 项目包课程
HTML5交互动画广 告制作项目课程
课程专业属性
属于电脑艺术设计专业大平台多元化专业教学体系中专业岗位技能 类学习包项目课程，是专业主干核心课程。
采用单元制的教学安排，以保持本课程的职业性和专业性特色。强 调模拟专业工作流程、工作内容和工作质量指标。
由《Flash交互动画广告制作项目课程》和《HTML5交互动画广告制 作项目课程》两门紧密联系的课程组成，分别对应于横幅动画广告制 作项目和条幅扩展式交互广告制作项目专业技能，形成能力递进学习 关系，并能够较为全面地覆盖交互网页动画设计与制作的专业领域。
能够正确进行矢量图形的绘制和声音、图像和视频元素的集成能力； 能够合理设置设计网页动画制作中的帧动画、遮罩动画和引导层动画等三 种基本动画的能力； 能够编写Flash ActionScript和JavaScript代码实现交互的能力；
能够演示并充分阐述项目设计的成果；
行为要点
严守技术标准的态度
遵守工作纪律的习惯
教学项目设计的基本内容
A、Flash动画广告设计与制作项目 B、HTML5交互动画广告设计与制作项目
在A和B项目中具体主要以汽车广告制作项目制作训练课程、手风琴式交互展 示广告设计与制作项目训练课程、网页动画设计与制作训练课程等交互动画 广告制作来表现A和B项目，由易到难，由简到繁的设计制作过程。
教学内容
教学项目设计的基本结构
网页动画设计与制作项目包项目课程包括Flash交互动画广告制作项目和HTML5 交互动画广告制作项目，主要由横幅动画广告制作项目和条幅扩展式交互广告制 作项目训练课程这二类产品并行又关系紧密的课程组合。
教学项目设计的基本目标 使整个教学过程贴近实际专业工作过程，保证专业教学职业性特色。
A、Flash动画广告设计与制作项目课程
在修完本项目包课程以后，还可以参加我国工信部网页设计师和 多媒体设计师的专业技能资质认证，获得全国公认的“网页设计 师”的专业技能资质证书。更可以参加国际公认的Adobe交互设 计师资质认证，获得 “交互设计师”专业能力标准的行业认定资 质。
教学项目设计
本课程的教学项目的来源
均来自于真实的各种类型网站的典型交互动画广告案例，集中了主流网站中的典 型交互动画广告制作过程中的典型问题，以及典型解决方法。