（中职）Flash CS6动画制作（第2版）2.1教学课件（）.ppt

（中职）Flash CS6 动画制作（第2版）2.1 教学课件（工信版）L/O/G/O项目二项目二 BannerBanner设计与制作设计与制作任务任务11 熟识熟识BannerBanner 任务目标1 12 23 34 4 了解Banner的应用领域 认识Banner设计的重要性熟悉构图的定义及法则掌握构图的样式和结构 1.了解Banner的应用领域 Banner的核心使命就是吸引用户关注，是大多数新产品，新事物，各种优惠活动呈现给用户的最主要的途径，所以Banner的主题要明确，关键内容要突出，要能够有效的抓住用户眼球。Banner的应用领域也越来越广泛，我们常见的应用有：网幅广告旗帜广告横幅广告网站Banner手机Banner淘宝Banner微信Banner微博Banner2.认识Banner设计的重要性 Banner设计的初衷就是被点击。所有的设计和创意都是围绕着吸引用户为目的来进行的。一个好的设计，主题要明确。一个核心内容，几个围绕说明，在有效吸引用户的前提下，能够很自然的融合到不同页面是Banner的成功设计。下面通过两个应用实例对比来说明Banner设计的重要性。如图2-1-1所示的网站Banner广告，整体画面看起来就比较凌乱，东西太多，想表达的内容也太多，这时候需要用户去花时间思考，而这时候用户往往是不愿意去思考的。所以这个Banner的设计是比较失败的，一是不知道画面要表达内容的没有核心主题；二是整体上没有吸引用户眼球的地方。2.认识Banner设计的重要性 图2-1-1 网站Banner广告2.认识Banner设计的重要性 相比之下，图2-1-2所示的网站宣传Banner，文案设计清晰简练，“百张影票，明星道具1元拍”让客户一目了然，且补充注释“抢拍私藏张学友演唱会”让客户快速了解主题核心内容，整个网站Banner设计目标群体清晰、明了，很容易被用户关注。图2-1-2 网站宣传Banner3.熟悉构图的概念及法则1构图的概念构图是利用视觉要素，在画面上通过空间概念把它们有效组织起来，是将形式美诉诸于视觉的点、线、面。简单来说构图是对画面的内容和组织形式进行整体的设计。点的聚合点的排列所引起的视觉流动，引入了时间因素，利用点的大小、形状及距离的变化，可以设计出富于节奏韵律的画面。如图2-1-3所示，点的连续排列构成线，点与点之间的距离越近，线的特性就越显著；同样，点的密集排列构成面，点的距离越近，面的特性就越显著。3.熟悉构图的概念及法则图2-1-3 点的聚合示例1图2-1-4 点的聚合示例23.熟悉构图的概念及法则 线的流动线是点移动的轨迹，可在页面上起到强调、分割、引导视线作用。在设计中，利用线对页面空间进行分割的方法也很普遍，不同方向、长度、宽度、形态的线会给人以不同的感受。图2-1-5所示是曲线的流动示例。图2-1-5 曲线的流动示例3.熟悉构图的概念及法则 图2-1-6是直线的流动示例，画面中利用严谨的线条流动来展示产品信息，使页面稳重富有理性。图2-1-6 直线的流动示例3.熟悉构图的概念及法则 面的分割面在设计中的概念，可以理解为点的放大，点的密集或线的重复。Banner元素在不同大小色块元素的风格对比下，能获得清晰、条理的秩序，同时在整体上也显得和谐统一。图2-1-7是面的分割示例，清晰突出的图片是吸引用户关注的第一视觉点。图2-1-7 面的分割示例 3.熟悉构图的概念及法则2构图的形式美法则在Banner设计中采用特殊的形式结构，会使画面变得个性十足并能更好的区别于其它的同类产品，让人印象深刻。（1）有机形的柔和与美有机形是由一定数量的曲线组合而成，是自然界外力与内力相抗衡而形成的形态。图2-1-8所示的曲线与个性化的插图形成强烈的对比。图2-1-8 有机形构图法则示例3.熟悉构图的概念及法则（2）偶然形的独特魅力偶然形是在力的作用下随机形成的图形，它具有天然成趣的效果，是利用偶然因素提炼美的方法，让Banner设计更加与众不同，图2-1-9所示的偶然形构图使页面产生趣味性。图2-1-9 偶然形构图法则示例4.掌握构图的样式和结构将表现主体的各个构成要素按照主次关系放置在画面相应的区域，形成视觉感受，达到设计意图。主体元素、辅助元素按照什么形式规格出现就是构图的样式，不同的主体，产品使用不同的构图样式有着内在的规律。下面来介绍几种构图的样式。（1）垂直构图图2-1-10 垂直构图示例4.掌握构图的样式和结构（2）平衡式构图图2-1-11 平衡式构图示例（3）斜线构图图2-1-12 斜线构图示例4.掌握构图的样式和结构(4)放射线构图(5)对角线构图图2-1-13 放射线构图示例图2-1-14 对角线构图示例4.掌握构图的样式和结构(6)三角形构图(7)框架式构图图2-1-15 三角形构图示例图2-1-16 框架式构图示例4.掌握构图的样式和结构(8)九宫格构图图2-1-17 九宫格构图示例案例2-1-1 首页Banner效果图的设计制作下面通过案例分析Banner设计制作的构图、配色、以及编排等。一个有妙曼身姿的舞者在色彩绚丽的背景上翩翩起舞，呈现在我们眼帘的主题是“国际各类时尚流行舞蹈”，效果如图2-1-18所示。图2-1-18 首页Banner效果图本节小结本节主要介绍了Banner的应用领域，Banner设计的重要性，构图的定义、法则和构图的样式、结构等相关知识。通过设计制作Banner案例，了解Banner的构图、配色、以及编排等。模拟实训一、实训目的1了解Banner的应用领域。2熟悉构图的定义和法则。3掌握构图的样式和结构。二、实训内容1.分析“我要自学网”网站首页Banner效果图的构图、配色，以及编排效果，完成Banner的设计制作，如图2-1-19所示。图2-1-19 效果图2.分析“唐狮音乐节”Banner效果图的构图、配色、以及编排效果，完成Banner的设计制作，如图2-1-20所示。图2-1-20 效果图