1.1 平面设计基础知识

平面设计主要以视觉作为沟通和表现的方式，通过文字、符号和图像结合软件来创作画面，借此画面来充分传达想法和信息。了解平面设计基础知识，有助于用户顺利进入并不断探索平面设计领域。

1.1.1 位图和矢量图

位图和矢量图是使用Photoshop绘制图像前首先需要了解的内容，理解两者的区别，有助于设计出符合要求的平面设计作品。

1．位图

位图也称点阵图或像素图，它由多个像素构成，能够将灯光、透明度和深度等逼真地表现出来。将位图放大到一定程度后，即可看到位图是由一个个小方块组成的，这些小方块就是像素。位图的质量由分辨率决定，单位面积内的像素越多，分辨率越高，图像效果也就越好。但当位图被放大到一定比例时，图像会变得模糊，图1-1所示为位图放大前后的对比效果。

2．矢量图

矢量图又称向量图，是以几何学进行内容运算，以向量方式记录的图像，主要以线条和色块为主。矢量图的质量与分辨率无关，无论将矢量图放大多少倍，矢量图都具有平滑的边缘和清晰的视觉效果，不会出现锯齿状的边缘现象，图1-2所示为矢量图放大前后的对比效果。而且矢量图文件通常较小，只占用少量空间，但矢量图一般色彩简单，也不便于在各种软件之间转换，因此矢量图多用于标志设计、插图设计和工程绘图等。

1.1.2像素和分辨率

像素是构成位图的最小单位，是位图中的小方块。而分辨率是指单位面积或单位长度上的像素数目，单位通常为“像素/英寸”（1英寸=2.54厘米）和“像素/厘米”，像素和分辨率的组合方式决定了图像的大小。

• 像素： 像素是组成位图的基本元素，每个像素在图像中都有自己的位置，并且包含一定的颜色信息。单位面积上的像素越多，颜色信息越丰富，图像效果就越好，文件也会越大。图1-3所示是图像分辨率为72像素/英寸下的效果和图像放大后的效果，在放大后的图像中，显示的每一个小方块就代表一个像素。

• 分辨率： 分辨率直接影响图像的效果，单位面积或单位长度上的像素越多，分辨率越高，图像就越清晰，但所需的存储空间也就越大；反之，分辨率越低，图像就越模糊。图1-4所示为分辨率为300像素/英寸和72像素/英寸的对比效果。

1.1.3 常见的图像颜色模式

在Photoshop中，颜色模式可以决定一幅图像用什么样的方式在计算机中显示或输出。Photoshop包含灰度模式、位图模式、双色调模式、索引模式、RGB模式、CMYK模式、Lab模式和多通道模式等颜色模式。

• 灰度模式： 灰度（Grayscale）模式是指用单一色调表现图像的颜色模式。在灰度模式下，图像中的每个像素都有一个0（黑色）～255（白色）的亮度值。在8位图像中，最多有256个亮度级，而在16位和32位图像中，亮度级则更多。当将彩色图像转换为灰度模式图像时，将删除图像中的色相及饱和度，只保留亮度。
• 位图模式： 位图模式是指由黑色和白色两种颜色来表示图像的颜色模式。位图模式只保留图像的亮度值，而丢掉色相和饱和度信息，可以大幅度简化图像中的颜色，减小图像文件的占用空间。需要注意的是，只有灰度模式图像才能被转化为位图模式图像。图1-5所示为将RGB模式的图像先转换为灰度模式的图像，再转换为位图模式的图像。

• 双色调模式： 双色调模式是指用灰度油墨或彩色油墨来渲染灰度图像的颜色模式。双色调模式采用两种彩色油墨来创建由双色调、三色调、四色调混合色阶组成的图像。在此模式中，最多可向灰度图像中添加4种颜色。图1-6所示为双色调和三色调图像效果。

• 索引模式： 索引模式是指软件预先定义好一个含有256种典型颜色的颜色对照表，通过限制图像中的颜色来实现图像有损压缩的颜色模式。图1-7所示为将图像从灰度模式转换为索引模式。

• RGB模式： RGB模式是指由红、绿、蓝3种颜色按不同的比例混合而成的颜色模式，也称真彩色模式。它是较为常用的一种颜色模式，可以在“通道”面板查看到3种颜色通道的信息状态，如图1-8所示。

• CMYK模式： CMYK模式是印刷时常使用的一种颜色模式，由青、洋红、黄和黑4种颜色按不同的比例混合而成。CMYK模式包含的颜色少于RGB模式的，所以CMYK模式的图像在屏幕上显示时会比印刷出来颜色丰富。在Photoshop的“通道”面板中，可查看到4种颜色通道的信息状态，如图1-9所示。需要注意的是，印刷图像时，若原图像的颜色模式是RGB模式，最好先在RGB模式下编辑图像，最后在印刷前将图像转换为CMYK模式。

• Lab模式： Lab模式是国际照明委员会确定的一个理论上包括人眼可以看见的所有色彩的颜色模式。其中，L表示图像的亮度，a表示由绿色到红色的光谱变化，b表示由蓝色到黄色的光谱变化。在Photoshop的“通道”面板中，可查看到3种颜色通道的信息状态，如图1-10所示。

• 多通道模式： 多通道模式是指包含多种灰阶通道的颜色模式。将图像转换为多通道模式后，Photoshop将根据原图像产生对应的新通道，每个通道均由256级灰阶组成。多通道模式多用于特定的打印或输出。在Photoshop的“通道”面板中，可查看到颜色通道的信息状态，如图1-11所示。

1.1.4 常见的图像文件格式

Photoshop支持多种文件格式，在其中存储图像文件时，应根据需求选择合适的文件格式进行保存。

• PSD（*.psd）格式： 是Photoshop软件默认生成的文件格式，是唯一能支持全部图像文件颜色模式的格式。以PSD格式保存的图像文件可以包含图层、通道、颜色模式等信息。
• TIFF（*.tif、*.tiff）格式： 是一种灵活的位图文件格式，支持RGB、CMYK、Lab、位图和灰度等颜色模式，而且在RGB、CMYK和灰度等颜色模式中支持Alpha通道的使用。
• BMP（*.bmp、*.rle、*.dib）格式： 是Windows操作系统中标准的位图文件格式，支持RGB、索引、灰度和位图等颜色模式，但不支持Alpha通道。
• GIF（*.gif）格式： 是CompuServe公司提出的一种格式，此格式可以进行Lempel Ziv Welch压缩，从而使图像文件占用较少的磁盘空间。
• EPS（*.eps）格式： 是一种PostScript格式，常用于绘图和排版。该格式可以在排版软件中以较低的分辨率预览，在打印时则以较高的分辨率输出。它支持Photoshop中所有的颜色模式，但不支持Alpha通道。
• JPEG（*.jpg、*.jpeg、*.jpe）格式： 是最常用的图像文件格式之一，支持RGB、CMYK和灰度等颜色模式，主要用于图像预览和网页。使用JPEG格式保存的图像会被压缩，图像文件会变小，但会丢失掉部分不易察觉的色彩。
• PDF（*.pdf、*.pdp）格式： 是Adobe公司用于Windows、macOS、UNIX和DOS系统的一种电子出版格式，包含矢量图和位图，还包含电子文档查找和导航功能。
• PNG（*.png）格式： 是一种采用无损压缩算法的格式，用于在互联网上进行无损压缩和显示图像。与GIF格式不同的是，PNG格式支持24位图像，产生的透明背景没有锯齿边缘。PNG格式支持带一个Alpha通道的RGB和灰度模式，用Alpha通道来定义文件中的透明区域。

1.1.5 平面设计的基本要素

在平面设计中，图形、文字、色彩都发挥着重要作用，这些既是平面设计的三大核心要素，也是传达信息的基本视觉元素。

1．图形

图形是平面设计中提升视觉效果的重要设计语言，往往能在第一时间引起人们的注意，激发人们的浏览兴趣。用户了解了图形构成和图形创意后，可以在平面设计中熟练使用图形要素。

（1）图形构成。

图形是由可感知的点、线、面元素构成的符号形象，具有形象化、具体化和直接化的特征。平面设计可以通过点、线、面的综合处理（如空间排列、大小变化、虚实对比等），形象地展现主题和创意。

• 点： 点是可见的、最小的形式单元，具有凝聚视觉的作用，可以使界面布局显得合理、舒适、灵动且富有冲击力。图1-12所示为主要以点构成的平面设计作品。

• 线： 线既可以表现长度和宽度，也可以表现位置和方向，具有优美和简洁的特点，经常用于渲染气氛，或引导、串联、分割版面。图1-13所示的平面设计作品中以斜线表现了快速、紧张和活力四射的感觉。

• 面： 面有长度、宽度、方向、位置、角度等属性，具有组合信息、分割画面、平衡和丰富空间层次、烘托与深化主题的作用。图1-14所示为主要以面构成的平面设计作品。

（2）图形创意。

在平面设计中图形创意占据着十分重要的地位，图形创意是指用艺术的手法将创意转变成图形，从而准确地表达平面设计主题和内涵的设计过程。常见的图形创意手法有以下4种。

• 拼置： 主要指使用各种现成的物体、形状来拼凑新的图形。图1-15所示为由不同菜肴、餐具等物体拼凑成的完整餐桌画面。

• 矛盾： 主要指将现实世界中人们熟悉的、合理的、固有的图形，改编、移置于反常的、超现实的平面设计中。图1-16所示展现了与现实相矛盾的老虎从电视机屏幕出来的画面。

• 共生： 主要指由不可分割的两个部分组成紧密的整体，形与形之间共用一些部分或轮廓线。图1-17所示为狮子轮廓的峭壁外观。

• 置换： 主要指保持一种原有图形的基本特征，用与它类似的图形去替换原有图形中的某一部分，形与形之间具有外观上的相似性和意义上的相异性。图1-18所示为将手置换为相似形状的巧克力。

2．文字

文字在平面设计中可以起到画龙点睛的作用，能够有效地传达设计主题和创作理念。在设计平面作品时，应着重考虑文字字体和文字排列。

（1）文字字体。

字体的选择应从设计风格和具体需求出发，不同的字体具有不同的特征。

• 宋体类： 宋体应用较广泛，其笔画横细竖粗，起点与结束点有额外的装饰部分，其外形纤细优雅、美观端庄，体现出浓厚的文艺气息，经常被用于文艺、淡雅风格的平面设计，如图1-19所示。

• 艺术体类： 艺术体是指一些非常规的特殊印刷用字体，其笔画和结构一般都进行了一些形象的再加工。在平面设计中使用艺术体类的字体，可以达到提升艺术品位、美化画面、聚焦视线的效果，如图1-20所示。

• 黑体类： 黑体商业气息浓厚，比其他字体相对较粗，这一特点能够满足大体积、大容量产品文案的展示需求，具有阳刚、气势、端正等含义，可用于文字内容较多的平面设计，也常用于表现设计主题，如图1-21所示。

• 书法体类： 书法体指具有书法风格的字体，其字形自由多变、顿挫有力，在力量中掺杂着文化气息，具有较强的文化底蕴，常用在表现传统、古典和文化风格的平面设计中，如图1-22所示。

（2）文字排列。

不同的文字排列方式可以构建不同的视觉效果，从而营造出活泼、安静或严肃等不同氛围。文字的排列方式主要包括左右对齐、左对齐或右对齐、居中对齐3种。

• 左右对齐： 左右对齐是指文字左边和右边与边界的距离相同，这样的排列方式可以让文字显得端正、严谨、美观，展示出文案的稳重、统一和整齐。图1-23所示为使用了左右对齐的展览海报，该海报将主题文字进行两端对齐处理，使视觉重心更加集中、稳定，突出了主要信息。

• 左对齐或右对齐： 文字左对齐或右对齐的排列方式将会使版面格式显得不那么呆板，更加符合人们的阅读习惯，也更加符合大众的审美风格。图1-24所示的博物馆海报将文字分别放置在画面的左侧和右侧，并且使用不同大小的文字来区分信息层级。

• 居中对齐： 居中对齐是指将画面两侧的文字整齐地向中间集中，使文字都在画面中间显示，具有突出重点、集中视线的作用，可以牢牢抓住观者视线。居中对齐有左右居中和上下居中两种，图1-25所示为将文字左右居中对齐的电影海报，通过放大和居中文字突出了电影主题。

3．色彩

合适的色彩可以使画面看起来更加整洁、美观，让平面设计更具亲和力和感染力，快速抓住受众视线。要想合理地搭配颜色，首先需要了解色彩的基础知识。

（1）色相、明度和纯度。

色彩包含色相、纯度和明度3种属性，无论哪一种色彩都含有这3种属性。

• 色相： 色相是指色彩的相貌，由原色、间色和复色构成。在标准色相环中以角度表示不同色相，取值范围为0°～360°。在实际生活和工作中，则使用红、黄、紫红、银灰等颜色来表示。
• 明度： 明度是指色彩的明亮程度，即有色物体由于反射光量的区别而产生的颜色的明暗强弱。越接近黑色，明度越低；越接近白色，明度越高。色彩的明度会影响人对于色彩轻重的判断，比如看到同样的物体，黑色或者暗色系的物体视觉感受会偏重，也就是说，该色彩的明度较低，如图1-26所示；白色或者亮色系的物体视觉感受会较轻，也就是说，该色彩的明度较高，如图1-27所示。

• 纯度： 色彩的纯度是指色彩的纯净或者鲜艳程度，也叫饱和度，受图像颜色中灰色的相对比例影响，因此，黑色、白色和灰色没有饱和度。纯度较高的色彩会给人带来兴奋、鲜艳、明媚等感觉，如图1-28所示；纯度较低的色彩会给人带来舒适、低调、暗淡等感觉。

（2）主色、辅助色和点缀色。

为了保证平面设计作品整体的协调性与美观性，一般可将画面中的色彩分为主色、辅助色和点缀色进行搭配，画面约70%为主色、约25%为辅助色、约5%为点缀色。 5NPrzzy/yz1HRGQYoJjFKIirdCHrG2PwaSekzgYva4UAbukXPKWE7GagwBTmPk49

• 主色： 主色是画面中面积较大，也是较受瞩目的色彩，主色决定了整个画面的风格和基调。主色不宜过多，一般控制为1～3种色彩即可，过多容易造成视觉疲劳。
• 辅助色： 辅助色在画面中所占面积略小于主色，是用于烘托主色的色彩。合理应用辅助色能丰富画面的色彩，使画面效果更美观、更有吸引力。
• 点缀色： 点缀色是指画面中面积较小、色彩较醒目的一种或多种色彩。合理应用点缀色，可以起到画龙点睛的作用，使画面富有变化。