第四章 网络广告设计要素

网络广告设计要素
要素概览
一、文字 1、文字设计 文字是网络广告的主要构成要素，几乎所有的网络广 告都含有文字。 文字设计通常包括文案设计和字体设计两部分。文案 设计侧重于设计的内容，字体设计与编排侧重于形式及实 视线的运动规律。
2、网络广告中文字设计要注意的问题 1）人的视线时由大向小流动，先看大字，再看小字。因 此需要突出的文字内容适宜设计得大一些，要和普通的文 字形成对比，第一时间抓住人的感觉。 2）文字有两种排列方式：横排和竖排。为了信息传达的 准确、快速，横排文字，视线由左到右移动，最好使用扁 字；竖排文字，视线由上向下移动，最好使用长字。
6）位图模式 位图模式用两种颜色（黑和白）来表示图像中的 像素。位图模式的图像也叫作黑白图像。因为其 深度为1 深度为1，也称为一位图像。由于位图模式只用黑 白色来表示图像的像素，在将图像转换为位图模 式时会丢失大量细节，因此Photoshop提供了几 式时会丢失大量细节，因此Photoshop提供了几 种算法来模拟图像中丢失的细节。 在宽度、高度和分辨率相同的情况下，位图 模式的图像尺寸最小，约为灰度模式的1/7和 模式的图像尺寸最小，约为灰度模式的1/7和 RGB模式的1/22以下。 RGB模式的1/22以下。
4）Lab模式 Lab模式 Lab模式的原型是由CIE协会在1931年制定的一个衡 Lab模式的原型是由CIE协会在1931年制定的一个衡 量颜色的标准，在1976年被重新定义并命名为CIELab。 量颜色的标准，在1976年被重新定义并命名为CIELab。 此模式解决了由于不同的显示器和打印设备所造成的颜色 扶植的差异，也就是它不依赖于设备。 Lab颜色是以一个亮度分量L及两个颜色分量a Lab颜色是以一个亮度分量L及两个颜色分量a和b来 表示颜色的。其中L的取值范围是0 100， 表示颜色的。其中L的取值范围是0-100，a分量代表由绿 色到红色的光谱变化，而b 色到红色的光谱变化，而b分量代表由蓝色到黄色的光谱 变化，a 变化，a和b的取值范围均为-120-120。 的取值范围均为-120-120。 Lab模式所包含的颜色范围最广，能够包含所有的 Lab模式所包含的颜色范围最广，能够包含所有的 RGB和CMYK模式中的颜色。CMYK模式所包含的颜色最 RGB和CMYK模式中的颜色。CMYK模式所包含的颜色最 少，有些在屏幕上看到的颜色在印刷品上却无法实现。
三、图像 图像是由扫描仪、摄像机等输入设备捕捉实际的画面产生 的数字图像。由像素点阵构成的位图。 图像用数字任意描述像素点、强度和颜色。描述信息 文件存储量较大，所描述对象在缩放过程中会损失细节或 产生锯齿。在显示方面它是将对象以一定的分辨率分辨以 后将每个点的色彩信息以数字化方式呈现，可直接快速在 屏幕上显示。分辨率和灰度是影响显示的主要参数。图像 适用于表现含有大量细节（如明暗变化、场景复杂、轮廓 色彩丰富）的对象，如：照片、绘图等，通过图像软件可 进行复杂图像的处理以得到更清晰的图像或产生特殊效果。
3）色彩位分辨率 又称颜色深度，是用来衡量每个像素储 存色彩信息的位数。这种分辨率决定了在 屏幕上可以显示多少种颜色。一般常用的 颜色深度有1位、8位、24位和32位。 颜色深度有1位、8位、24位和32位。
3、矢量图和位图 计算机中显示的图形一般可以分为两大类——矢量图和位 计算机中显示的图形一般可以分为两大类——矢量图和位 图。 矢量图使用直线和曲线来描述图形，这些图形的元素是 一些点、线、矩形、多边形、圆和弧线等等，它们都是通 过数学公式计算获得的。例如一幅花的矢量图形实际上是 由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜 色决定花显示出的颜色。由于矢量图形可通过公式计算获 得，所以矢量图形文件体积一般较小。矢量图形最大的优 点是无论放大、缩小或旋转等不会失真。 位图图像(bitmap)： 位图图像(bitmap)： 亦称为点阵图像或绘制图像，是由称作像素（图片元素） 的单个点组成的。这些点可以进行不同的排列和染色以构 成图样。当放大位图时，可以看见赖以构成整个图像的无 数单个方块。

2）CMYK模式 CMYK模式 CMYK颜色模式是一种印刷模式。其中四个字母分别 CMYK颜色模式是一种印刷模式。其中四个字母分别 指青（Cyan）、洋红（Magenta）、黄（Yellow）、黑 指青（Cyan）、洋红（Magenta）、黄（Yellow）、黑 （Black），在印刷中代表四种颜色的油墨。CMYK模式 Black），在印刷中代表四种颜色的油墨。CMYK模式 在本质上与RGB模式没有什么区别，只是产生色彩的原理 在本质上与RGB模式没有什么区别，只是产生色彩的原理 不同，在RGB模式中由光源发出的色光混合生成颜色，而 不同，在RGB模式中由光源发出的色光混合生成颜色，而 在CMYK模式中由光线照到有不同比例C、M、Y、K油墨 CMYK模式中由光线照到有不同比例C 的纸上，部分光谱被吸收后，反射到人眼的光产生颜色。 由于C 由于C、M、Y、K在混合成色时，随着C、M、Y、K四种 在混合成色时，随着C 成分的增多，反射到人眼的光会越来越少，光线的亮度会 越来越低，所有CMYK模式产生颜色的方法又被称为色光 越来越低，所有CMYK模式产生颜色的方法又被称为色光 减色法。 CMYK模式：适用于打印机、印刷机等。 CMYK模式：适用于打印机、印刷机等。
2、分辨率 Dots Per Inch的缩写。每英寸所打印的点数或线数，用来表示打印 Inch的缩写。每英寸所打印的点数或线数，用来表示打印 机打印分辨率。 dpi是指单位面积内像素的多少，也就是扫描精度， dpi是指单位面积内像素的多少，也就是扫描精度， 目前国际上都是计算一平方英寸面积内像素的多少。dpi越小，扫描 目前国际上都是计算一平方英寸面积内像素的多少。dpi越小，扫描 的清晰度越低，由于受网络传输速度的影响，web上使用的图片都是 的清晰度越低，由于受网络传输速度的影响，web上使用的图片都是 72dpi,但是冲洗照片不能使用这个参数，必须是300dpi或者更高 72dpi,但是冲洗照片不能使用这个参数，必须是300dpi或者更高 350dpi。例如要冲洗4*6英寸的照片，扫描精度必须是300，那么文 350dpi。例如要冲洗4*6英寸的照片，扫描精度必须是300，那么文 件尺寸应该是(4*300)*(6*300)=1200像素*1800像素。 件尺寸应该是(4*300)*(6*300)=1200像素*1800像素。 1）显示器分辨率 显示器上每单位长度显示的像素或点的数目。例如，在72dpi的显示 显示器上每单位长度显示的像素或点的数目。例如，在72dpi的显示 器上显示1*1平方英寸、144像素/英寸的图像时，屏幕将以2*2平方 器上显示1*1平方英寸、144像素/英寸的图像时，屏幕将以2*2平方 英寸的区域显示。
3、文字排列不宜过长，特别是标题最好不要超过十个字， 如果文字过长，就要考虑分行排开。
4、文字和背景的明暗及色彩反差要足够大，否则文字会 淹没才背景中，从而识读困难。
二、图形 电脑图形又称矢量图形，是由数学公式描述的。图形 是指由外部轮廓线条构成的矢量图。即由计算机绘制的直 线、圆、矩形、曲线、图表等。 图形用一组指令集合来描述图形的内容，如描述构成 该图的各种图元位置维数、形状等。描述对象可任意缩放 不会失真。在显示方面图形使用专门软件将描述图形的指 令转换成屏幕上的形状和颜色。适用于描述轮廓不很复杂， 色彩不是很丰富的对象，如：几何图形、工程图纸、CAD、 色彩不是很丰富的对象，如：几何图形、工程图纸、CAD、 3D造型软件等。 3D造型软件等。 它的编辑通常用Draw程序，产生矢量图形，可对矢 它的编辑通常用Draw程序，产生矢量图形，可对矢 量图形及图元独立进行移动、缩放、旋转和扭曲等变换。 主要参数是描述图元的位置、维数和形状的指令和参数。
4、色彩模式 1）RGB模式 RGB模式 RGB模式是基于自然界中3 RGB模式是基于自然界中3种基色光的混合 原理，将红（R）、绿（G）和蓝（B 原理，将红（R）、绿（G）和蓝（B）3中基色 按照从0（黑）到255（白色）的亮度值在每个色 按照从0（黑）到255（白色）的亮度值在每个色 阶中分配，从而指定其色彩。当不同亮度的基色 混合后，便会产生出256*256*256种颜色，约 混合后，便会产生出256*256*256种颜色，约 为1670万种。例如，一种明亮的红色可能R值为 1670万种。例如，一种明亮的红色可能R 246， 值为20， 值为50。当3 246，G值为20，B值为50。当3种基色的亮度值 相等时，产生灰色；当3种亮度值都是255时，产 相等时，产生灰色；当3种亮度值都是255时，产 生纯白色；而当所有亮度值都是0 生纯白色；而当所有亮度值都是0时，产生纯黑色。 当3种色光混合生成的颜色一般比原来的颜色亮度 值高，所以RGB模式产生颜色的方法又被称为色 值高，所以RGB模式产生颜色的方法又被称为色 光加色法。 RGB模式：适用于显示器、投影仪、扫描仪、数 RGB模式：适用于显示器、投影仪、扫描仪、数 码相机等。
2）图像分辨率 图象分辨率（ImageResolution） 图象分辨率（ImageResolution）:指图象中存储的信息 量。这种分辨率有多种衡量方法，典型的是以每英寸的像 素数（PPI）来衡量。图象分辨率和图象尺寸(高宽) 素数（PPI）来衡量。图象分辨率和图象尺寸(高宽)的值 一起决定文件的大小及输出的质量，该值越大图形文件所 占用的磁盘空间也就越多。图象分辨率以比例关系影响着 文件的大小， 即文件大小与其图象分辨率的平方成正比。 如果保持图象尺寸不变，将图象分辨率提高一倍，则其文 件大小增大为原来的四倍。
5）索引色彩模式 索引颜色模式是网上和动画中常用的图像模式， 当彩色图像转换为索引颜色的图像后包含近256 当彩色图像转换为索引颜色的图像后包含近256 种颜色。索引颜色图像包含一个颜色表。如果原 图像中颜色不能用256色表现，则Photoshop会 图像中颜色不能用256色表现，则Photoshop会 从可使用的颜色中选出最相近颜色来模拟这些颜 色，这样可以减小图像文件的尺寸。用来存放图 像中的颜色并为这些颜色建立颜色索引，颜色表 可在转换的过程中定义或在声称索引图像后修改。