点击查看第二章
点击查看第三章
Photoshop+Illustrator平面设计案例实战从入门到精通(视频自学全彩版)
创锐设计 编著
第1章 平面设计基础
平面设计是一门历史悠久、应用广泛的视觉艺术形式,是现代社会中其他各类设计的基础。它通过各项基本元素在二维空间的构成，体现出艺术设计的博大精深和无限创意。计算机技术、网络技术和数码技术的发展,逐渐打破了以往的平面设计法则,使平面设计的各个流程都发生了翻天覆地的变化,让平面设计拥有了更大的想象空间和创作自由。因此,要想学好平面设计,除了需要了解平面设计的橛念和构成要素等基础理论外,还需要掌握一些基本的计算机图形图像知识。本章就来详细讲解学习平面设计必备的基础知识。
1.1认识平面设计与平面构成
现代设计门类繁多，包括平面设计、工业设计、建筑设计、室内设计、动画设计等。这些设计门类各自有着独特的创意手法，但它们都有三个共同的根基—平面构成、色彩构成、立体构成。本节将讲解平面设计与平面构成的基本概念，以及平面构成的基本要素。
1.1.1 平面设计与平面构成的基本概念
平面设计是一种以视觉媒介为载体，向大众传播信息的造型性活动，以其独特的艺术性、专业性在设计领域享有一定的地位。读书、看报、上网、逛街等社会活动都与平面设计有着千丝万缕的联系。
平面构成是把视觉元素在二维平面上按照美的视觉效果和力学原理进行编排和组合，从最纯粹的视觉审美和视觉心理的角度寻求组成平面的各种可能性和可行性，是关于平面设计的思维方式和方法论，所以又可以说平面设计是平面构成的具体应用和实施。
平面构成与平面设计的关系如下图所示。
平面构成按其研究的性质和特点可以分为自然形态构成和抽象形态构成两大类。其中以自然形态为素材，保持原来形象的基本特征，对动物、植物、工艺品等各种形态的结构、形式和秩序等进行模仿的构成即为自然形态构成，如下左图所示；抽象形态构成则是指以自然规则与运动规律为主线，利用点、线、面等形态，组合成多种几何形象的构成，如下右图所示。抽象形态构成是平面构成中最为常见的构成形式，能给人以无穷的想象空间。
平面构成作为设计的一种思维方式和基础理论，在实际的设计过程中具有极强的扩展性，将其与富有抽象性和形式感的表现形式相结合，可创作出别具一格的画面效果。一套正确且完整的平面设计思维流程，首先应当通过理性的分析得到一个抽象的概念，然后在运用中将之具象化后再深入分析、扩展，最后达到成熟阶段，如右图所示。
在实际的设计运用时，需要对视觉的艺术语言有更加深入的了解，要了解造型观念，熟练掌握各种构成技巧和表现方式。只有培养出审美观、提升了美学修养，才能真正地提高创作意识和设计能力，活跃构思，创作出更有感染力的作品。
1.1.2平面构成的基本要素
在平面构成中，视觉思维是不可能凭空产生的，它一定是通过各种抽象或具象的图形、文字、符号来传达的。这种思维无论是理性的，还是感性的，都建立在对点、线、面，或图形、文字、色彩等视觉元素的研究和探讨的基础上。因此，我们把平面构成的视觉元素分为理性视觉元素和形象视觉元素。其中理性视觉元素包括点、线、面，形象视觉元素则包括图形、文字和色彩，如下图所示。
1．理性视觉元素
点、线、面是构成平面设计的理性视觉元素，也是视觉艺术和商业设计中不可缺少的元素，它们的存在构成了富有智慧美的视觉体系，在平面设计中具有无穷无尽的表现力和感染力。在设计中综合运用点、线、面，可形成一定的视觉语言，激发人们的思想和情感。在千变万化的视觉空间里，点、线、面是相互依存、相互作用的，它们在设计构图中讲究一定的比例关系、分割关系、构图关系等。只有当点、线、面的位置、大小、形状、疏密等做到统一协调后，才能创造出具有艺术价值和令人赏心悦目的设计作品。
点是平面设计构成中最具有变化潜力的视觉元素，作为造型元素中的最小单位，在表现时没有严格的限定，可以是一个文字、一个符号或一个图形等。在平面设计中利用点的数量、位置、形态等进行不同的编排和组合，能给人带来不同的视觉体验和情感触动。如右图所示的作品将无数图形作为点，通过叠加、堆积、聚合的方式使画面具有韵律感。
线是点的延伸，也是平面设计中的重要构成元素，其具有一定的视觉牵引功能，能让人感受到强烈的空间感。在平面设计中，线随着方向的不断变化会呈现出不同的视觉效果。因为线在构成中可以有长短、粗细、曲直的变化，所以线的不同造型会给人以很大的差异感。例如：线的粗细变化可以产生远近效果；线的曲直变化会产生坚硬感和柔软感等。如右图所示的作品通过指示线条突出了商品的卖点，简单而富有设计感。
面是线移动的轨迹，具有长、宽两度空间，且具备点和线的一切特征。对于平面设计而言，面是用于协调图案关系的重要元素，有叠加、切割、削弱等功能，可以平衡空间内的正负感。面在造型中所形成的各种形态，是设计基础中的重要形态因素，它使平面设计的样式变得更加丰富多变。如右图所示的作品即利用不同比例的图形分割画面，使画面具有较强的视觉形式美。
2．形象视觉元素
图形、文字和色彩作为构成平面设计的形象视觉元素，在平面设计中具有不同的功能与表现形式。
而三者的有机结合应用，可有效地突出平面设计的主题，彰显平面设计的创意内涵，给予受众完美的视觉体验，从而发挥出平面设计的艺术效果和信息传递作用。
在平面设计中，图形作为重要的构成元素，主要以手绘、图像及符号的形式具体展现，它能有效且迅速地抓住受众的视线，产生瞬间视觉冲击力，起到迅速、直观、准确的宣传作用。如下左图所示的作品利用不同颜色的鞋子图像进行展示，将网站销售的商品直观地呈现在消费者面前，具有较高的识别性；如下右图所示的宣传海报为了突出活动的主题，使用了学士帽、彩旗等进行具体展现，如此既能激起同学们的毕业情怀，也能起到很好的宣传作用。
文字是情感交流与信息传递的重要媒介，也是平面设计中非常重要的形象视觉元素。合理地运用文字进行平面设计，可以增强视觉传达效果，提升艺术审美价值。在平面设计作品中添加文字时，要注意文字的可读性和合理性，避免不合适的文字降低作品质量。下面两幅图所示的作品即通过添加文字完善了设计效果，同时深化了作品要表现的主题思想。
相对于平面设计中的图形要素和文字要素而言，色彩所具有的感染力和视觉冲击力更加突出。色彩对于“美”的传递与展现更为直观，不同的色彩搭配、排列、融合，都将带给人不同的视觉体验和情感体验，使受众通过色彩感知平面设计所蕴含的设计创意。进行平面设计时，可以通过色彩的典型性和代表性来传递信息，表现设计主题，如红色代表热情、温暖，黄色代表明快、辉煌，紫色代表高贵、典雅等。下左图所示为某家居用品店的网页设计，其通过调整色彩的纯度和明度，营造了温馨的家居
氛围；下右图所示的地产广告选用沉稳的黑色和深褐色为主要配色，以烘托楼盘较高的档次。
1.2位图和矢量图
计算机中的图像可以分为位图和矢量图两大类。这两类图像具有各自的优缺点。在平面设计中将两者结合运用，可以取长补短，创作出更加出色的作品。
1.2.1 位图
位图又称为点阵图，它由许多单独的小方块组成，这些小方块称为像素点。组成位图的每个像素点都有特定的位置和颜色值。不同排列方式和颜色值的像素点组合在一起会构成不同的画面效果，因此，位图的显示效果与像素点是紧密联系在一起的。像素点越多，位图的分辨率越高，相应的图像文件越大，所需要的存储空间也越大。
位图的优点是只要有足够多不同颜色值的像素点，就可以呈现出颜色丰富的图像，逼真地表现自然界的景象；缺点则是在缩放或旋转时容易造成图像的失真。如右图所示为一幅位图及其局部放大效果，可以看见放大后图像中的一个个像素点。
1.2.2 矢量图
矢量图又称为向量图，它以数学公式定义的直线和曲线来记录图像内容，当用户查看矢量图文件时，计算机程序再根据这些公式绘制出图像显示在屏幕上。矢量图文件中的图形元素称为对象。每个对象自成一体，具有颜色、形状、轮廓、大小和屏幕位置等属性。
矢量图的优点是所占存储空间较小，可以无级缩放或旋转，图像不会变形或产生锯齿效果，并且可以在任何输出设备上以最高分辨率输出；缺点是难以表现颜色层次丰富的逼真图像效果。如下图所示为一幅矢量图及其局部放大效果，可以看见放大后的图像仍然保持清晰的边缘。
1.3文件格式
完成平面设计作品制作后，需要选择一种合适的文件格式来存储作品。本书采用的平面设计软件Photoshop和Illustrator可将设计作品保存为多种文件格式。在这些文件格式中，既有Photoshop和Illustrator专用的格式，也有通用性较强、适用于多种操作系统和应用软件的格式。下面对其中几种比较常用的格式进行讲解。
PSD格式
PSD格式的全称是Photoshop Document，文件扩展名为“.psd”。这种格式是Photoshop的专用格式，可以存储Photoshop中所有的图层、通道、参考线、注解和颜色模式等信息，以方便随时编辑和修改。若作品中包含图层，则一般都用PSD格式保存。PSD格式在保存时会将文件压缩，以减少占用的磁盘空间，但PSD格式文件所包含的图像数据信息较多，因而还是比其他格式的图像文件大得多。
AI格式
AI格式的全称是Adobe Illustrator，文件扩展名为“.ai”。顾名思义，这种格式是Illustrator的专用格式。AI格式文件与PSD格式文件的相同点是都支持图层操作，不同点是AI格式文件是基于矢量图输出，可在任何尺寸下按最高分辨率输出，而PSD格式文件是基于位图输出。
EPS格式
EPS格式的全称是Encapsulated PostScript，主要用于矢量图和位图的存储。它是一种跨平台的标准格式，在PC平台上的文件扩展名是“.eps”，在Macintosh平台上的文件扩展名是“.epsf”。EPS格式采用PostScript语言描述图像信息，并且可以保存一些其他类型的信息，如多色调曲线、Alpha通道、分色、剪辑路径、挂网信息等，因而常用于印刷或打印输出。
JPEG格式
JPEG是Joint Photographic Experts Group的缩写，这种格式是常见的一种位图图像格式，其扩展名为“.jpg”或“.jpeg”。JPEG格式文件利用较先进的有损压缩算法去除冗余的图像和颜色数据，在获得极高压缩比率的同时仍能展现丰富生动的图像，简单来说，就是可以在占用较少的磁盘空间的同时保持较好的图像质量。该格式提供多个压缩比率，通常在10∶1～40∶1之间。压缩比率越高，
得到的图像质量越差，占用的存储空间也越小。用户利用这些压缩比率可以灵活地在图像质量和文件大小之间取得平衡。
TIFF格式
TIFF格式的全称是Tagged Image File Format，文件扩展名为“.tif”或“.tiff”。TIFF格式文件支持256色、24位真彩色、32位色、48位色等多种颜色位数，并且支持RGB、CMYK等多种颜色模式。另外，TIFF格式文件可以使用压缩方式存储，支持LZW、ZIP、JPEG等多种压缩方式。几乎所有的绘画、图像编辑和页面排版应用程序都支持TIFF格式。
PNG格式
PNG格式的全称是Portable Network Graphics，文件扩展名为“.png”。它是一种专为网络传输开发的位图文件格式，与JPEG格式一样都与平台无关。PNG格式支持高级别无损压缩，用于存储灰度图像时，图像深度最高可达16位，存储彩色图像时，图像深度最高可达48位，并且还可存储多达16位的通道数据。此外，PNG格式还支持Alpha通道透明度和交错处理，因而被广泛应用于网页制作。在游戏和手机应用程序开发等领域，该格式也得到大量应用。
