flash教材配套PPT第11章--商业网站Banner条制作.pptx

1,P,art,11,第,11,章 商业,网站,Banner,条制作,2,目标概述,案例效果,学习,目标,商业网站的Banner条能通常用来宣传产品图片和产品信息，如用Flash动画制作动态的Banner条效果，则能吸引用户眼球，起到更好的宣传作用，本项目就是完成一个空调产品在电子商务网站上的动态Banner条制作,。,项目完成的效果如图,设 计 思 路,11.1,4,商业网站的 Banner条通常是起到对网站或者商品的宣传作用，应用Flash制作动态 Banner条，则可以画龙点睛，增加宣传效果，根据网站的页面设计，空调宣传网站的 Banner条的制作思路如下：,1.橙色矩形从右侧下方延展到左侧；,2.橙色矩形上升充满banner条右侧后变为梯形；,3.左侧延展紫色的单实线，实线上下显示逐个宣传文字；,4.右侧旋转显示空调图片，图片上方显示宣传文字,。,项 目 实 施,11.2,6,任务说明,效果展示,任务,1,制作橙色矩形延展的动画效果,实现,橙色矩形从banner条右侧下方延展到左侧下方的动画效果。,7,任务说明,效果展示,任务,2,制作橙色矩形上升后变为梯形的动画效果,实现动画左侧文字动画效果。,（1）橙色矩形向上充满Banner条右侧；,（2）矩形变形为梯形。,8,任务说明,效果展示,任务,3,制作单实线延展，逐个显示宣传文字的动画效果,实现动画左侧文字动画效果。,（1）橙色矩形上方延展出一条紫色的单实线；,（2）单实线上下显示宣传文字，文字逐个显示。,9,任务说明,效果展示,任务,4,制作旋转显示空调图片，显示宣传文字的动画效果,实现动画右侧空调和文字动画效果。,（1）显示宣传文字动画效果；,（2）Banner条右侧旋转显示空调图片动画效果。,经 验 指 导,11.3,11,相关知识,1.Banner,条的设计原则,形象宣传动画通常以Banner的形式出现，用来渲染主题（例如栏目的主题）展示企业形象，它要求在细小的空间内充分展示客户想要表达的内容，所以要求对客户和网站的内容具有充分的了解，同时还要配合网页设计的主题，色调，布局，并具备特别的创意效果,。,12,相关知识,1.Banner,条的设计原则,（1）真实性原则,Banner所传播的经济信息要真实。Banner文案要真实准确，客观实在，要言之有物，不能虚夸，更不能伪造虚构。,（2）主题明确原则,在,进行产品宣传时，要突出产品的特性，要简单明了，不能出现一些与主题无关的词语和画面。在对产品进行市场定位之后，要旗帜鲜明地贯彻广告策略，有针对性地对广告对象进行诉求，要尽量将创意文字化和视觉化。,13,相关知识,1.Banner,条的设计原则,（3）形式美原则,为了加强Banner条的感染力，激发人们的审美情趣，在设计中进行必要的艺术夸张和创意，以增强消费者的印象。Banner设计制作上要运用美学原理，给人以美的享受，提高Banner的视觉效果和感染力。,（4）思想性原则,是指Banner的内容与形式要健康，绝不能以色情的和颓废的内容来吸引消费者注意，诱发他们的购买兴趣和购买欲望。,14,拓展训练,2,.,Banner条的设计规范,文 案,要真实准确，客观存在，不能虚夸，更不能伪造虚构。,用 色,1,.,色彩要明亮干净，要与整个页面相协调。,2,.,不能为了,Banner,更加吸引人而大面积的使用一些浓重的颜色,(,如大面积的黑色，大面积跟首页相同的红色）。,图 片,1,.,图片不能有版权问题或出现禁止使用的图片（如国旗、人民币、色情图片等）。,2,.,图片的选用要符合创意主题。,3要选择精度高的图片，同时也要经过艺术处理来增加美观性。,字 体,1,.,根据文案的重要性进行颜色和样式的变化来突出主次，以增强视觉上的吸引力。,2,.,字体使用不要超过三种，而造成,Banner,视觉上的混乱。,3,.,字体的应用和处理一定要保证用户能快速识别。,动 画,1,.,无论,Banner,多么动感，必须要保证用户有足够的时间可以看完主要的文字，才能切换到下一个场景。,2,.,切换的页面不能超过三个，每个页面切换时间为,1,到,2,秒。总共不能超过,6,秒。,创 意,1,.,创意要符合主题。,2,.,创意不能让人误解，对用户产生误导。,3,.,创意要帮助主题来加深和加强广告传递的信息。,4,.,类似文案不能要求多种创意。,格式大小,1,.,格式为,jpg,gif,或,flash,。,2,.,分辨率为,72dpi,。,3,.,在不超过,Banner,大小的前提下，根据图片特点选择输出格式，最大限度的提高质量。,拓展训练,10.4,16,项目说明,项目名称,设计提示,效果展示,1,.,制作展览馆网站,Banner,条,制作展览馆网站 Banner条,展览馆,网站Banner 条以建筑图片为主要场景，添加Flash动态效果使 Banner 条更加吸引人。,（,1）收集素材，适合做 Banner条背景的Flash效果；,（,2）设置 Flash 背景透明。,17,项目说明,项目名称,设计提示,效果展示,2.,制作“第九空间”网站,Banner,条,制作“第九空间”网站Banner条,“,第九空间,”,网站Banner 条要突出公司蓬勃发展富有生机的状态和精神面貌，突出公司的标志和公司的宣传语。,（,1）设计人物奔跑的效果，注意动画重叠效果的实现；,（,2）制作文字动画效果，应用遮罩动画实现文字颜色的变化。,