Banner设计与制作——熟识Banner教案-2022-2023学年度高一下学期中国工信出版集团中等专业学校Flash CS6动画制作

中等专业学校2022-2023-2教案 编号： 备课组别 计算机 课程名称 Flash CS6 动画制作 所在 年级 一年级 主备 教师 授课教师 授课系部 授课班级 授课 日期 课题 项目二Banner的设计与制作 任务一 熟识Banner 教学 目标 了解Banner的应用领域 认识Banner设计的重要性 熟悉构图的定义及法则 掌握构图的样式和结构 重点 掌握构图的样式和结构 难点 熟悉构图的定义及法则 教法 直观演示法、任务驱动法、讲解法 教学设备 计算机机房 教学 环节 教学活动内容及组织过程 个案补充 教 学 内 容 【新课引入】 教师展示网站Banner广告，引起学生探索学习兴趣。 【教学过程及内容】 项目一 Flash制作基本功 一、1.了解Banner的应用领域 Banner的核心使命就是吸引用户关注，是大多数新产品，新事物，各种优惠活动呈现给用户的最主要的途径，所以Banner的主题要明确，关键内容要突出，要能够有效的抓住用户眼球。Banner的应用领域也越来越广泛。 二、认识Banner设计的重要性 相比之下，图2-1-2所示的网站宣传Banner，文案设计清晰简练，“百张影票，明星道具1元拍”让客户一目了然，且补充注释“抢拍私藏张学友演唱会”让客户快速了解主题核心内容，整个网站Banner设计目标群体清晰、明了，很容易被用户关注。 三、熟悉构图的概念及法则 1.构图的概念 构图是利用视觉要素，在画面上通过空间概念把它们有效组织起来，是将形式美诉诸于视觉的点、线、面。简单来说构图是对画面的内容和组织形式进行整体的设计。 点的聚合 点的排列所引起的视觉流动，引入了时间因素，利用点的大小、形状及距离的变化，可以设计出富于节奏韵律的画面。如图所示，点的连续排列构成线，点与点之间的距离越近，线的特性就越显著；同样，点的密集排列构成面，点的距离越近，面的特性就越显著。 线的流动 线是点移动的轨迹，可在页面上起到强调、分割、引导视线作用。在设计中，利用线对页面空间进行分割的方法也很普遍，不同方向、长度、宽度、形态的线会给人以不同的感受。如图所示是曲线的流动示例。 面的分割 面在设计中的概念，可以理解为点的放大，点的密集或线的重复。Banner元素在不同大小色块元素的风格对比下，能获得清晰、条理的秩序，同时在整体上也显得和谐统一。下图是面的分割示例，清晰突出的图片是吸引用户关注的第一视觉点。 四、掌握构图的样式和结构 将表现主体的各个构成要素按照主次关系放置在画面相应的区域，形成视觉感受，达到设计意图。主体元素、辅助元素按照什么形式规格出现就是构图的样式，不同的主体，产品使用不同的构图样式有着内在的规律。下面来介绍几种构图的样式。 (1)垂直构图 (2)平衡式构图 (3)斜线构图 (4)放射线构图 (5)对角线构图 (6)三角形构图 (7)框架式构图 (8)九宫格构图 案例2-1-1 首页Banner效果图的设计制作 一个有妙曼身姿的舞者在色彩绚丽的背景上翩翩起舞，呈现在我们眼帘的主题是“国际各类时尚流行舞蹈”，效果如图所示。 【课堂小结】 掌握构图的样式和结构是重点。 【作业布置】 完成同步练习。 板 书 设 计 项目一 Flash制作基本功 一、了解Banner的应用领域 二、认识Banner设计的重要性 三、熟悉构图的定义及法则 四、掌握构图的样式和结构 教后札记 学科网（北京）股份有限公司 $