网页动画设计与制作课件.ppt

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