2.1 不可不知的设计常识

无论想成为什么设计师，都必须掌握图像的一些基础知识，如像素、图像尺寸、输出分辨率、位图与矢量图等。只有弄清楚这些知识，做设计时才不会出现一些常识性的错误。

2.1.1 像素是构成位图的基本单位

像素（pixel，px）是构成位图的基本单位。把一张位图图像放大n倍，会发现图像是由许多色彩相近的小方块组成的，这些小方块就是构成位图的最小单位——像素。我们来看一张尺寸为400像素×400像素的渐变位图图像，如图2-1所示，将其放大显示比例至6400%，可以发现出现了很多小方块，这些小方块就是像素，一个小方块就是1像素，而整张图像就是由400×400=160000个像素构成的，如图2-2所示。

2.1.2 图像尺寸与输出分辨率

在平时工作中，新手设计师常常会分不清图像尺寸与输出分辨率。

图像尺寸是指屏幕上显示的像素个数，以水平（宽度）和垂直（高度）像素个数来衡量。例如，图像尺寸是1600像素×1200像素，意思就是说图像水平方向的像素个数为1600，垂直方向的像素个数为1200。在屏幕尺寸一样的情况下，图像尺寸越大，图片显示的效果就越精细。

输出分辨率指的是各类输出设备每英寸可产生的点数，如显示器、喷墨打印机、激光打印机和绘图仪的分辨率。设计中提到的分辨率，通常指的是输出分辨率。分辨率最终影响的是图像输出的清晰程度，分辨率越高，图像就越清晰。在Photoshop中，默认的分辨率单位是像素/英寸（pixel per inch，ppi），如果切换成像素/厘米，在分辨率数值不变的情况下，单位越小，图片越清晰，同时，文件占用的内存也会更大。我们通常所说的分辨率72和300等，都是基于“像素/英寸”这个单位而言的。

下面来看两张尺寸完全相同的芒果块图片。图2-3所示的图片分辨率是300ppi，芒果块的棱角很清晰，高光区域也很明显，看着就有食欲；图2-4所示的图片分辨率是72ppi，芒果块的棱角和高光区域都很模糊，如果用这张图来设计海报或电商的详情页，相信其销售效果会大打折扣。通过这个对比可以看出，在做设计时，一定要根据设计需求选择合适的分辨率。

知识课堂：查看图像的尺寸和分辨率

图像的分辨率和尺寸共同决定文件的大小及输出质量。一般情况下，分辨率和尺寸越大，文件占用的空间也就越大。在 Photoshop中，可以通过执行“图像>图像大小”菜单命令或按快捷键Alt+Ctrl+I打开“图像大小”对话框，在该对话框中就可以查看图像的尺寸与分辨率，如图2-5所示。

2.1.3 位图与矢量图的优缺点

位图，也叫点阵图像或栅格图像，是由像素组成的。这些像素可以进行不同的排列和染色以构成图样。当放大位图时，可以看到图像上的像素块，图2-6所示为将一张位图放大显示比例至6400%的效果。用数码相机拍摄的照片、扫描仪扫描的图片、计算机或手机等移动设备截出来的图片等大多数图片都属于位图，在Photoshop中处理图片，其实就是处理位图。位图的特点是可以表现色彩的细微变化和颜色的细微过渡，产生逼真的效果，缺点是在保存时需要记录每一个像素的位置和颜色值，因此会占用较大的存储空间。此外，位图图像与分辨率有关，也就是说，位图包含固定数量的像素。缩放位图尺寸会使原图失真，因为这是通过减少或增加像素来使整个图像变小或变大的。因此，如果以高缩放比例对位图进行缩放，或以低于创建时的分辨率来打印位图，则会丢失其中的细节，并且会出现锯齿。

矢量图，也叫面向对象的图像或绘图图像，在数学上被定义为一系列由线连接的点。矢量文件中的图形元素被称为“对象”。每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。矢量图是根据几何特性来绘制的，矢量可以是一个点或一条线。矢量图只能靠软件生成，文件占用内存空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由且无限制地重新组合。它的特点是放大后图像不会失真，与分辨率无关。任意放大或缩小图形，不会影响图像的清晰度，图2-7所示为将一张矢量图放大显示比例至6400%的效果，图像依然很清晰，不会出现位图中的像素块。但是矢量图有个很大的缺点，就是难以表现色彩层次丰富的逼真图像。常见的矢量软件有Illustrator和CorelDRAW，这两款软件经常用来做图形设计、版式设计、字体设计和标志设计等。

知识课堂：位图和矢量图的使用误区

在了解了位图与矢量图的区别之后，我们可以根据设计内容来选择使用不同的设计软件对图片进行编辑。在进行杂志排版、标志设计和图纸绘制等操作时，最好使用矢量图形软件进行编辑。

虽然很多新手设计师对位图和矢量图的概念十分了解，但在实际使用的过程中仍会存在一些误区。

误区1：在矢量软件中导出的图片也是矢量图。

在矢量软件中导出的图片通常是以JPEG、PNG或GIF等格式进行存储的，这些格式都是位图格式，对图片进行放大后会出现失真的情况。换句话说，矢量图是指导出图片之前在软件中编辑的图形，其存储格式以.ai、.eps、.cdt 和.svg等为扩展名，需要使用特定的矢量软件才能打开。

误区2：将位图导入矢量软件之后，就可以随意对图像进行放大。

位图在生成之后，其像素排列的形式已经确定，并不是导入矢量图形软件中就可以改变其像素的大小。只有用矢量软件创建的图形才具备矢量图的特点。

在了解了以上概念之后，我们还需要知道它们在实际工作中的指导意义。使用位图软件进行设计时，设计图的尺寸不能小于实际印刷的尺寸，否则放大图片之后会出现失真的情况；在使用矢量软件进行设计时，无论图片的尺寸有多小，都可以进行放大。所以，在用矢量软件制作大图的时候，不需要在开始就设置成实际印刷的尺寸，否则会影响软件的运行速度，可以先设置成等比例的小尺寸，设计完成后再对图片进行放大。