《网页动画设计与制作》 课程导读

网页动画设计与制作 1、本课程的学习准备 1）学习前自测与对策 Photoshop的掌握程度1-20分； Flash的掌握程度1-20分； 对于网页设计流程和标准的理解1-20分； 对于平面设计形式原理的理解1-20分； 熟练使用贝塞尔曲线1-20分； 图标与字体的设计1-20分。 注：a、学习本课程需要自测在80分以上； b、自测成绩在50-80分之间的，需要重温一下上学期的《网页美术设计课》和《用户界面设计课》的内容； c、自测成绩在50以下的，请及时联系专业导师（杨璐，微信号“艺淇小朋友”），在老师的指导下，必须复习进校以来的所有专业课程。

1、本课程的学习准备 2）需要准备哪些工具 软件工具： 传统工具： EdgeAnimate Flash photoshop 注：1、如果没有个人笔记本电脑的，可以向数码学院借用，借用手续请咨询高家鋆老师； 2、高家鋆老师的办公室（实训楼G202室，微信号“吴江月寒”）。

1、本课程的学习准备 3）应该复习回忆一下哪些学过的课程： 重点是《网页美术设计课》、 《用户界面设计课》。 请看一下上一学期这两门课程的笔记， 或者从“数字公社www.dighero.net”网站上再次下载相关学习内容。

1、本课程的学习准备 4）学前预习： a、预先看一下本课程的教材，在不懂的地方做好记号，在以后上课时如果老师没有讲明白或者自己没有听明白，就及时提问。 b、学习前先上百度搜寻一下“网页动画”这一概念以及作品，为高效能地学习做好前期铺垫。 c、找高年级同学交流一下学习本课程的体会点。 d、到“数码艺术学院三维动画设计工作室（原创楼F207）”现场观察一下高年级同学在完成网页动画设计社会项目的流程和工作特点。 e、其他

2、本课程的学习内容 1）基本内容： 教学课时：64课时/4周。 学习目标：具备网页动画元素的设计与制作能力，具备网页动画广告的设计与制作能力。 掌握技术：AdobeFlash和AdobeEdge操作和参数设定编写交互代码技术，实现JavaScript语言互动响应技术。 关键知识：帧动画、遮罩动画和引导层动画的形成和表现原理。 训练案例：Flash交互动画广告制作项目； HTML5交互动画广告制作项目。 本课程的学习难度系数：★★★★

2、本课程的学习内容 2）学习难点： a、对于程序语言与互动效果间关系的理解； b、对于形状补间动画制作的设计与制作。 编辑程序的逻辑思维导图 Flash补间动画的制作界面

2、本课程的学习内容 3）学习资源： 课内教材：《HTML5网页动画设计与制作》作者：潘尚仕老师，高教出版社出版； 《互动网页设计与制作》作者：顾雷平老师，高教出版社出版； 课前由学习委员到图书馆楼B103书库统一领取，（联系人——严伯香老师）。 教学讲义：课前由学习委员到实训楼G304辅导员办公室统一领取。 （联系人——王志颖老师）。 学习课件：数字公社网站（数码艺术学院官网）http://www.dighero.net/kejian/diannys/12-4, 教学微课：超星公开课平台，http：//www.caoxin.com/weike/下载 《互动网页动画设计与制作》教学微课（登录名：学号；密码：2435），作者：顾雷平老师；《HTML5网页动画设计与制作》教学微课（登录名：学号；密码：7715），作者：潘尚仕老师。 视频教程：移动端：数字先锋微博http：//www.caoxin.com/weike/ 本地端：火星时代、数字英雄、翼虎网……。

2、本课程的学习内容 4）扩展内容： 自学项目案例： 欣赏经典优秀网站的网页动画设计作品 欣赏经典获奖动画广告作品

3、本课程的建议学习方法 1）读懂和使用“课谱”： 了解课程内容； 了解前后续课程的关系。

3、本课程的建议学习方法 2）有效利用数码四步教学法： 工作任务认知：重点是为什么要学习网页动画设计，如何学习网页动画设计。 跟随制作训练：重点是熟悉网页动画制作工作中的专业术语、技术标准、工具特性、制作流程和方法。 临摹变化训练：重点是学习根据不同的目标任务，综合规划工作方法和合理使用交互技术制作网页动画的专业能力。 设计创新训练：重点是掌握网页动画交互体验感的创新运用，掌握网页动画制作技术方法的扩展运用。

3、本课程的建议学习方法 3）让资源变成学习的能量： 要合理分配学习的时间资源 线上平台是最大的学校 课余进入各工作室体验的机会不能放弃 共享时代会使你的每个同学朋友都成为知识的来源 关注重点永远是高效率学习的首要铁律

3、本课程的建议学习方法 4）课堂的专注和交流是最有效的学习： 对于暂时不理解的问题或者操作步骤要及时提问； 对于已经了解的知识或者掌握的操作要及时验证。

3、本课程的建议学习方法 5）如何评估自己的学习效果： 与经典网页动画作品比对的自己创意表现效果的差别在哪里； 网页动画的运动流畅度是否能够接受； 程序代码语句是否有错，或者不够精炼； 文件的规格指标是否符合网页动画的技术标准。

4、学习本课程应注意的事项 1）学习期间注意保持网络的畅通和安全： 因要不断上网测试你的作业，如果你的电脑上网功能不佳，会影响你的学习效率。下课时请及时断网并关闭wifi，以防黑客和病毒侵入。发现有网络问题，请及时联系网管：陈月明老师（电话：1368xxxxxxx）。

4、学习本课程应注意的事项 2）作业要及时备份： 这是一门对于设备和操作程序依赖度很高的课程，因各种错误造成的作业文件丢失现象并不少见。作业的备份不仅限于在完成以后，在训练过程中也要不时备份。 移动硬盘 U盘

4、学习本课程应注意的事项 3）不能仅满足于课堂传授的专业内容： 网页动画设计是一个极其庞大的专业领域，且时刻处于技术更新带来的变化之中，因而一定请扩展自己的学习范围，并请关注所学习的内容同时代的一致性，包括工具的版本、操作方法的变化、以及新概念的出现。

4、学习本课程应注意的事项 4）自主学习能力比学习本身更加重要： 除了掌握课程学习的内容之外，还须注意通过学习的过程来提升自主学习能力，养成自主更新知识和能力的习惯，这比得到一个好成绩主要一百倍。因为自主学习能力的强弱将决定你的专业地位，大学所学的东西使用一辈子的时代早已结束了，而且永远不可能再回来了。

预祝学习顺利