《Flash CS6动画制作（第3版）》课件 项目2 Banner的设计与制作.pptx

FlashCS6动画制作;;任务1熟识Banner

在网络营销术语中，Banner作为一种网络广告形式，一般放置在网页的不同位置，在用户浏览网页信息的同时，吸引用户关注广告信息。本任务主要介绍Banner的应用领域、Banner设计的重要性、构图的概念和法则、构图的样式和结构等相关知识。

任务目标

（1）了解Banner的应用领域。

（2）熟悉构图的概念和法则。

（3）掌握构图的样式和结构。;了解Banner的应用领域

Banner的核心使命就是吸引用户的注意力，是大多数新产品、新事物、各种优惠活动呈现给用户的最主要的途径，所以Banner的主题要明确，关键内容要突出，要能够有效地抓住用户的眼球。Banner的应用领域也越来越广泛，常见的应用有网幅广告、旗帜广告、横幅广告、网站Banner、手机Banner、淘宝Banner、微信Banner和微博Banner。

认识Banner设计的重要性

Banner设计的初衷就是“被点击”。所有的设计和创意都是围绕吸引用户来进行的。一个好的设计，主题要明确。在有效吸引用户的前提下，能够很自然地融合到不同的页面中是Banner设计的宗旨。

当用户访问一个网站时，第一屏的信息展示是非常重要的，因为第一屏的信息可以在很大程度上影响用户是否决定停留。若只是大面积堆积文字，则很难直观而快速地告诉用户会获得哪些有用的信息。因此，Banner设计在这里会起到至关重要的展示作用，特别是对于首页Banner而言，有效的信息传达可以使用户和文字之间的互动变得生动而有趣。下面通过两个应用实例来对比说明Banner设计的重要性。

;熟悉构图的概念和法则

1．构图的概念

构图是指创作者在一定的空间范围内，对自己要表现的形象进行组织安排，形成形象的部分与整体之间，形象空间之间的特定的结构、形式。简单来说，构图是对画面的内容和组织形式进行整体设计。

任何构图都离不开点、线、面这3个元素，以点成线，以线构面，它们是视觉构成的基本元素，具有不同的情感特征，因此，要善于采用不同的组合，呈现不同的Banner构图。

1）点的聚合

点的排列会引起视觉流动，如果引入时间因素，同时利用点的大小、形状及距离的变化，则可以设计出富有节奏韵律的画面。如图所示，点的连续排列构成线，点与点之间的距离越近，线的特性就越显著；同样，点的密集排列构成面，点的距离越近，面的特性就越显著。;熟悉构图的概念和法则

2）线的流动

线是点移动的轨迹，可在页面上起到强调、分割、引导视线的作用。在设计中，利用线对页面空间进行分割的方法也很普遍，不同方向、长度、宽度、形态的线会给人不同的感受。垂直线显得平稳、挺拔，弧线显得流畅、轻盈，水平线给人一种平静、开阔、安逸的感受，曲线给人一种动感、活力的感受，粗线条给人一种粗犷、勇敢、阳刚的感受，细线条给人一种锐利、敏感的感受。图1所示为曲线的流动示例。图2所示为直线的流动示例，图中利用严谨的线条流动来展示产品信息，使页面稳重而富有理性。;熟悉构图的概念和法则

3）面的分割

面在设计领域中可以理解为点的放大、点的密集或线的重复。Banner元素在大小不同的色块元素的风格对比下，能获得清晰且有条理的秩序，同时在整体上也显得和谐统一。如图1所示，清晰、突出的图片是吸引用户关注的第一视觉点。而图2中则通过色块与线条之间不同的比例来分割画面，这样页面在表现形式上更具有艺术表现力。;2．构图的形式美法则

在Banner设计中采用特殊的形式结构，不仅可以使画面变得个性十足，还能更好地与其他同类产品进行区分，让人印象深刻。

1）有机形的柔和与美

有机形是由一定数量的曲线组合而成的，是自然物外力与内力相抗衡而形成的形态。有机形富有内在的张力，给人以纯朴、温暖而富有生命力的感觉。如图所示为有机形构图法则示例，其曲线与个性化的插图形成强烈的对比。;2．构图的形式美法则

2）偶然形的独特魅力

偶然形是在力的作用下随机形成的图形，它具有天然成趣的效果，利用偶然因素提炼美的方法，让Banner设计更加与众不同。图2-1-10所示为偶然形构图法则示例，使页面产生趣味性。;掌握构图的样式和结构

1．垂直构图

垂直构图能够表现景物的高度和深度，常用于表现险峻的山石、摩天大楼及由竖直形状组成的其他画面。在产品Banner设计方面，竖版切割的延伸和量化能增加冲击力，表现统一感和阵列感。如图所示为垂直构图示例。;掌握构图的样式和结构

2．平衡式构图

平衡式构图能够给人以满足感，画面结构完美无缺，安排巧妙，对应而平衡，常用于表现月夜、水面、夜景等画面。在设计方面，平衡式构图常用于地产设计、开水瓶等稳定类产品的Banner设计。如图所示为平衡式构图示例。;掌握构图的样式和结构

2．平衡式构图

平衡式构图能够给人以满足感，画面结构完美无缺，安排巧妙，对应而