Banner广告设计
教学设计:
让自己创作的Flash能动起来,是Flash教学中学生感觉十分神奇的部分,首先让学生通过观察、比较Internet上优秀的Banner广告,思考、讨论、总结出Banner中有哪些主要元素(鲜艳的色块、运动的文字、图片等),接着教师讲解最基本的运动渐变动画的制作方法,并引导学生通过对运动渐变的属性面板的探索,试着制作出透明度、颜色、旋转、速度等变化效果,最后结合本班级的特色为班级主页设计制作一个Banner广告,即体现了软件的实用性和趣味性,也提高了学生的学习积极性和创新能力的培养。
教学目的:
知识与能力:1.通过教学使学生初步掌握Flash动画中运动渐变的制作方法;
2.进一步提高学生制作中色彩搭配、构图等技巧运用能力。结
合符号、图层、时间轴等已掌握的技能为班级主页(个人主页)
设计制作Banner。
过程与方法:1.通过观察与思考使学生学习并归纳Internet上优秀的Banne
r设计的主要元素,引导学生在对比中探讨不同Banner合理运
用的方法;
2.通过布置主题任务,给学生提供设计创新的空间,从而使学
生能够独立制作并完成任务,培养学生的实践、创新能力。
3.通过交流与分享,以及教师的及时鼓励使学生体会成功的喜
悦和合作的价值。
情感、态度与价值观:鼓励学生在学习的过程中养成多观察、多思考、多
模仿、多尝试、多创新的学习习惯和方法。
教学重点:
掌握Flash动画中运动渐变的制作要领,学会设计制作Banner的基本方法。 教学难点:
提高学生制作中色彩搭配、构图等技巧运用能力。能创作出有个人特色的Banner。
教学过程:
一、什么是Banner
Banner,一般翻译为旗帜广告、横幅广告等。是一个表现商家广告内容的图片,是互联网广告中最基本的广告形式。
一、Banner广告的作用:
1.放置在广告商的网站页面上,展现商家的产品,起到自我介绍的作用。如: 东方航空,MSN
2.放置在其他网站页面上,向网页浏览者推介自己的产品或一些活动,引起网页浏览者的兴趣,也是这些网站用来盈利的途径。
如:搜狐
3.发布一些重要信息。
富有独特创意的横幅广告形式是在互联网上建立并推广客户品牌形象的有效途径。
二、Banner广告的特点:
推广信息简单明了 创造出一种点击的紧迫感 明确表达对用户的利益 具有趣味性
三、Banner广告的形式:
横幅广告,尺寸一般是480*60像素,或233*30像素,也可以根据内容和网页上可用空间的多少,增加或减少尺寸。
一般是使用GIF格式的图像文件,可以使用静态图形, 也可用多帧图像拼接为动画图像。 除普通GIF格式外,目前流行使用动感更强,交互性更高的Flash形式。这样更具有吸引力。
四、Flash Banner的组成元素和各元素的呈现形式
学生活动1:观察教师准备的几个网上下载的Flash Banner ,讨论组成的元素
及其呈现的形式。
逐帧动画、符号的使用、运动渐变动画(大小、位置、颜色、透明
度、旋转、速度等的变化)、层和影片实例的运用。
五、讲解运动渐变动画的制作方法
教师:介绍制作运动渐变动画的一般方法。(强调只有对符号才能设置运动渐变) 学生活动2:教师简单提一下运动渐变的属性面板的组成,由学生探索如何产生
透明度、颜色、旋转、速度等变化效果。
六、以2人一小组创作
学生活动3:为班级主页(或个人主页)设计并制作 FlashBanner
七、展示、交流、评价
学生活动4:作品展示、交流
八、小结 Banner 制作的注意点
1.文字:不要太多,尽量用粗壮的字体。
2.色彩:合理使用色彩的对比关系。
3.图形:要简洁,不需太繁、杂。
Banner在设计上还应该要做到制作美观、方便点击、与网页协调和整体构成合理。
表-1 注目程度高的配色:
顺序1 2 3 4 5 6 7 8 9 10
底色黑 黄 黑 紫 紫 蓝 绿 白 黄 黄
图形色 黄 黑 白 黄 白 白 白 黑 绿 蓝
表-2 注目程度低的配色:
顺序1 2 3 4 5 6 7 8 9 10
底色黄 白 红 红 黑 紫 灰 红 绿 黑
图形色 白 黄 绿 蓝 紫 黑 黑 紫 红 蓝