第四章_网络广告设计要素

网络广告设计要素要素概览一、文字1、文字设计文字是网络广告的主要构成要素，几乎所有的网络广告都含有文字。文字设计通常包括文案设计和字体设计两部分。文案设计侧重于设计的内容，字体设计与编排侧重于形式及实视线的运动规律。2、网络广告中文字设计要注意的问题1）人的视线时由大向小流动，先看大字，再看小字。因此需要突出的文字内容适宜设计得大一些，要和普通的文字形成对比，第一时间抓住人的感觉。2）文字有两种排列方式：横排和竖排。为了信息传达的准确、快速，横排文字，视线由左到右移动，最好使用扁字；竖排文字，视线由上向下移动，最好使用长字。3、文字排列不宜过长，特别是标题最好不要超过十个字，如果文字过长，就要考虑分行排开。4、文字和背景的明暗及色彩反差要足够大，否则文字会淹没在背景中，从而识读困难。这是文字在广告设计中很常见的一种应用形式，利用文字的不同形状、色彩、大小，以及适当的变形，构成一个栩栩如生的图形，具有很强的艺术性和视觉冲击力，为广告加分不少。对字母和数字等符号的大小方向色彩进行变化处理，黄色的部分构成了啤酒，白色的部分构成酒杯，并进行适当的修饰，用白色绘制了流下的泡沫和酒杯底部，图形整体惟妙惟肖，十分有趣，给观者留下很深的印象。范例欣赏一：用不同大小和颜色的文字构成了人体的形状，对背光和阴影的颜色处理十分巧妙，将产品穿着在文字人形的身上，使产品成为一个亮点，在文字的映衬下更加突出，使人过目不忘。范例欣赏二：文字在广告设计中的应用不仅仅是组成某种图形，还可以通过对文字大小、方向、颜色以及段落长短的编排来提高广告的艺术性和吸引力，这样的形式在新闻、告示性的广告中应用比较广泛。通过改变文字大小和颜色形成画面整体的和谐感，右下角字体改变的签名形式是一个亮点。这样一种形式的广告语如果应用在广告中一定会如锦上添花。范例欣赏一：这个作品中不仅仅对文字段落的长短进行了适当的编排，同时应用了纸张撕裂叠加的艺术效果，切割画面，改变字体，引人注目。这样的设计应该注意画面切割的比例得当，不要给人造成失衡的感觉。范例欣赏二：在广告设计中，对文字的处理形式多种多样，用一些特殊的材质构成文字形体无疑是一种很好的处理手段。用这种方法处理出来的文字活泼生动，真实感强，配之以合适的图片，将会打造出极为优秀的广告设计作品干枯的树枝和茂密的枝叶组成了一个英文单词，构成文字所用材质的运用十分巧妙，强烈的对比唤起人们的节水意识，简单的一个单词，简洁，却十分有效。范例欣赏一：不同的物体构成“100%”的形状，在深色的背景下异常醒目，简洁明了，不需过多言明，已经具有了很强的说服力。充满活力的字体在广告中是当之无愧的亮点。范例欣赏二：二、图形电脑图形又称矢量图形，是由数学公式描述的。图形是指由外部轮廓线条构成的矢量图。即由计算机绘制的直线、圆、矩形、曲线、图表等。图形用一组指令集合来描述图形的内容，如描述构成该图的各种图元位置维数、形状等。描述对象可任意缩放不会失真。在显示方面图形使用专门软件将描述图形的指令转换成屏幕上的形状和颜色。适用于描述轮廓不很复杂，色彩不是很丰富的对象，如：几何图形、工程图纸、CAD、3D造型软件等。它的编辑通常用Draw程序，产生矢量图形，可对矢量图形及图元独立进行移动、缩放、旋转和扭曲等变换。主要参数是描述图元的位置、维数和形状的指令和参数。三、图像图像是由扫描仪、摄像机等输入设备捕捉实际的画面产生的数字图像。由像素点阵构成的位图。图像用数字任意描述像素点、强度和颜色。描述信息文件存储量较大，所描述对象在缩放过程中会损失细节或产生锯齿。在显示方面它是将对象以一定的分辨率分辨以后将每个点的色彩信息以数字化方式呈现，可直接快速在屏幕上显示。分辨率和灰度是影响显示的主要参数。图像适用于表现含有大量细节（如明暗变化、场景复杂、轮廓色彩丰富）的对象，如：照片、绘图等，通过图像软件可进行复杂图像的处理以得到更清晰的图像或产生特殊效果。四、数字声音现代的网络广告已从无声发展到有声，声音自然成了网络广告的一个要素。五、动画相关术语1、像素“像素”（Pixel）是由Picture(图像)和Element(元素)这两个单词的字母所组成的，是用来计算数码影像的一种单位，如同摄影的相片一样，数码影像也具有连续性的浓淡阶调，我们若把影像放大数倍，会发现这些连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位“像素”（Pixel）。像素可以用一个数表示，譬如一个“3兆像素”数码相机，它有额定三百万像素，或者用一对数字表示，例如“640乘480显示器”，它有横向640像素和纵向480像素(就像VGA显示器那样)，因此其总数为640×480=307,200像素。2、分辨率DotsPerInch的缩写。每英寸所打印的点数或线数，用来表示打印机打印分辨率。dpi是指单位面积内像素的多少，也就是扫描精度，目前国际上都是计算一平方英寸面积内像素的多少。dpi越小，扫描的清晰度越低，由于受网络传输速度的影响，web上使用的图片都是72dpi,但是冲洗照片不能使用这个参数，必须是300dpi或者更高350dpi。例如要冲洗4*6英寸的照片，扫描精度必须是300，那么文件尺寸应该是(4*300)*(6*300)=1200像素*1800像素。1）显示器分辨率显示器上每单位长度显示的像素或点的数目。例如，在72dpi的显示器上显示1*1平方英寸、144像素/英寸的图像时，屏幕将以2*2平方英寸的区域显示。2）图像分辨率图象分辨率（ImageResolution）:指图象中存储的信息量。这种分辨率有多种衡量方法，典型的是以每英寸的像素数（PPI）来衡量。图象分辨率和图象尺寸(高宽)的值一起决定文件的大小及输出的质量，该值越大图形文件所占用的磁盘空间也就越多。图象分辨率以比例关系影响着文件的大小，即文件大小与其图象分辨率的平方成正比。如果保持图象尺寸不变，将图象分辨率提高一倍，则其文件大小增大为原来的四倍。3）色彩位分辨率又称颜色深度，是用来衡量每个像素储存色彩信息的位数。这种分辨率决定了在屏幕上可以显示多少种颜色。一般常用的颜色深度有1位、8位、24位和32位。3、矢量图和位图计算机中显示的图形一般可以分为两大类——矢量图和位图。矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。矢量图形最大的优点是无论放大、缩小或旋转等不会失真。位图图像(bitmap)：亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。这些点可以进行不同的排列和染色以构成图样。当放大位图时，可以看见赖以构成整个图像的无数单个方块。4、色彩模式1）RGB模式RGB模式是基于自然界中3种基色光的混合原理，将红（R）、绿（G）和蓝（B）3中基色按照从0（黑）到255（白色）的亮度值在每个色阶中分配，从而指定其色彩。当不同亮度的基色混合后，便会产生出256*256*256种颜色，约为1670万种。例如，一种明亮的红色可能R值为246，G值为20，B值为50。当3种基色的亮度值相等时，产生灰色；当3种亮度值都是255时，产生纯白色；而当所有亮度值都是0时，产生纯黑色。当3种色光混合生成的颜色一般比原来的颜色亮度值高，所以RGB模式产生颜色的方法又被称为色光加色法。RGB模式：适用于显示器、投影仪、扫描仪、数码相机等。2）CMYK模式CMYK颜色模式是一种印刷模式。其中四个字母分别指青（Cyan）、洋红（Magenta）、黄（Yellow）、黑（Black），在印刷中代表四种颜色的油墨。CMYK模式在本质上与RGB模式没有什么区别，只是产生色彩的原理不同，在RGB模式中由光源发出的色光混合生成颜色，而在CMYK模式中由光线照到有不同比例C、M、Y、K油墨的纸上，部分光谱被吸收后，反射到人眼的光产生颜色。由于C、M、Y、K在混合成色时，随着C、M、Y、K四种成分的增多，反射到人眼的光会越来越少，光线的亮度会越来越低，所有CMYK模式产生颜色的方法又被称为色光减色法。CMYK模式：适用于打印机、印刷机等。3）HSB模式HSB模式中的H、S、B分别表示色相、饱和度、亮度，这是一种从视觉的角度定义的颜色模式。PhotoShop可以使用HSB模式从颜色面板拾取颜色，但没有提供用于创建和编辑图像的HSB模式。4）Lab模式Lab模式的原型是由CIE协会在1931年制定的一个衡量颜色的标准，在1976年被重新定义并命名为CIELab。此模式解决了由于不同的显示器和打印设备所造成的颜色扶植的差异，也就是它不依赖于设备。Lab颜色是以一个亮度分量L及两个颜色分量a和b来表示颜色的。其中L的取值范围是0-100，a分量代表由绿色到红色的光谱变化，而b分量代表由蓝色到黄色的光谱变化，a和b的取值范围均为-120-120。Lab模式所包含的颜色范围最广，能够包含所有的RGB和CMYK模式中的颜色。CMYK模式所包含的颜色最少，有些在屏幕上看到的颜色在印刷品上却无法实现。5）索引色彩模式索引颜色模式是网上和动画中常用的图像模式，当彩色图像转换为索引颜色的图像后包含近256种颜色。索引颜色图像包含一个颜色表。如果原图像中颜色不能用256色表现，则Photoshop会从可使用的颜色中选出最相近颜色来模拟这些颜色，这样可以减小图像文件的尺寸。用来存放图像中的颜色并为这些颜色建立颜色索引，颜色表可在转换的过程中定义或在声称索引图像后修改。6）位图模式位图模式用两种颜色（黑和白）来表示图像中的像素。位图模式的图像也叫作黑白图像。因为其深度为1，也称为一位图像。由于位图模式只用黑白色来表示图像的像素，在将图像转换为位图模式时会丢失大量细节，因此Photoshop提供了几种算法来模拟图像中丢失的细节。在宽度、高度和分辨率相同的情况下，位图模式的图像尺寸最小，约为灰度模式的1/7和RGB模式的1/22以下。7）灰度模式灰度模式可以使用多达256级灰度来表现图像，使图像的过渡更平滑细腻。灰度图像的每个像素有一个0（黑色）到255（白色）之间的亮度值。灰度值也可以用黑色油墨覆盖的百分比来表示（0%等于白色，100%等于黑色）。使用黑色或灰度扫描仪产生的图像常以灰度显示。5、字体与字库6、带宽带宽又叫频宽是指在固定的的时间可传输的资料数量，亦即在传输管道中可以传递数据的能力。在数字设备中，频宽通常以bps表示，即每秒可传输之位数。描述带宽时常常把“比特/秒”省略。例如，带宽是10M，实际上是10Mb/s。“带宽”（bandwidth）有以下两种不同的意义：1.指信号具有的频带宽度。信号的带宽是指该信号所包含的各种不同频率成分所占据的频率范围。2.在计算机网络中，带宽用来表示网络的通信线路所能传送数据的能力，因此网络带宽表示在单位时间内从网络中的某一点到另一点所能通过的“最高数据率”。WEB常用图形图像文件格式1、GIFGIF（GraphicsInterchangeFormat）图形交换格式是一种位图图形文件格式，以8位色（即256种颜色）重现真彩色的图像。它实际上是一种压缩文档，采用LZW压缩算法进行编码，有效地减少了图像文件在网络上传输的时间。它是目前广泛应用于网络传输的图像格式之一。2、JPG/JPEGJPEG是JointPhotographicExpertsGroup(联合图像专家组)的缩写，文件后辍名为．jpg或．jpeg，是最常用的图像文件格式，由一个软件开发联合会组织制定，是一种有损压缩格式，能够将图像压缩在很小的储存空间，图像中重复或不重要的资料会被丢失，因此容易造成图像数据的损伤。尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质量明显降低，如果追求高品质图像，不宜采用