Flash片头动画设计与制作——掌握引导页动画设计制作教案-2022-2023学年度高一下学期中国工信出版集团中职Flash CS6动画制作

中等专业学校2022-2023-2教案 编号： 备课组别 计算机 课程名称 Flash CS6 动画制作 所在 年级 一年级 主备 教师 授课教师 授课系部 授课班级 授课 日期 课题 项目四Flash片头动画设计与制作 任务3 掌握引导页动画设计制作 教学 目标 1.掌握引导页动画设计创意 2.掌握引导页动画设计制作 重点 掌握引导页动画设计创意 难点 掌握 掌握引导页动画设计制作 教法 直观演示法、任务驱动法、讲解法 教学设备 计算机机房 教 学 环 节 教 学 环 节 教 学 环 节 教 学 环 节 教学活动内容及组织过程 个案补充 【新课引入】 回顾上节课所学知识，并向同学们展示一些经典的Flash动画，导入新课。 【教学过程及内容】 优秀的引导页动画设计是从应用分类、设计表现、内容展示等多方面经过细致考量并与整体气质相符合的设计构思。 一、 掌握引导页动画设计创意 1. 应用分类 根据引导页的目的、出发点不同，可以将其分为以下五种：功能介绍类、使用说明类、推广展示类、解决问题类。 ①功能介绍类。功能介绍类引导页主要是对产品的主要功能进行展示，让用户对产品功能有一个大致的了解。采用的形式大多以文字配合界面、插图的方式来展现。 图4-3-1所示的易信引导页动画，采用文字与水彩插图结合的方式，文字分为主标和副标，主标是对功能的概括，副标是详细描述或进一步的补充说明。 图4-3-1 易信引导页动画 ②使用说明类。这类引导页是对用户在使用过程中可能会遇到的困难、不清楚的操作、容易误解的操作提前进行告知。这类引导页大多采用箭头、圆圈进行标识，以手绘风格为主。 ③推广展示类。此类引导页除了有一些产品功能的介绍外，更多的是想传达产品的态度，要与整个产品的风格、企业形象相一致。 ④解决问题类。通过描述实际生活中会遇到的问题，到最终的解决方案，让用户产生情感上的联系，对产品产生好感，增加产品信誉度。图4-3-4所示的QQ浏览器引导页设计，通过形象的插图说明了QQ浏览器解决了其他浏览器在小说阅读方面所遇到的问题（如搜索不到小说、小说章节更新等）。 图4-3-4 QQ浏览器引导页设计 2. 表现方式 ①文字与界面组合。这是最常见的引导页设计形式，简短的文字加上该功能的界面，主要运用于功能介绍类与使用说明类引导页动画。 ②文字与插图组合。文字与插图的组合方式也是目前常见的形式之一。插图多具象，以使用的场景、照片为主，来表现文字内容 ③动态效果与音乐。现今开始流行具有动态效果的页面，在单个页面采用动画的形式，打破原有的常规，让页面律动起来，同时结合动效可以考虑页面间切换的方式 3. 内容展示 ①展示内容要简明扼要。 ②展示内容要连贯有序。 ③每页只展示一个主题。 ④设计风格与产品一致。 ⑤文案设计要言简意赅。 二、掌握片头动画制作案例 案例 4-3-1 手机软件引导页动画 本例是为手机上百度地图这款应用软件而制作的引导页动画。先通过4页引导页动画展示手机应用软件特性，再通过按钮来链接软件的应用界面。 【课堂小结】 【作业布置】 为“掌上如家“这款应用软件设计制作引导页动画。先通过3页引导页动画展示手机应用软件特性，再通过按钮来链接软件的应用界面，效果如图4-3-15所示。 图4-3-15 引导页动画效果图 板 书 设 计 项目四Flash片头动画设计与制作 任务3 掌握引导页动画设计制作 1. 掌握引导页动画设计创意 2. 掌握引导页动画设计制作 教后札记 学科网（北京）股份有限公司 $