任务1.1 了解Illustrator平面设计基础
米拉进入公司后发现老洪交待的工作需要频繁用到Illustrator，为了顺利完成工作，米拉准备先熟悉Illustrator平面设计基础知识，拓展自己的知识面，为后面的设计工作奠定坚实的基础。
1. Illustrator的应用领域
Adobe Illustrator（简称AI）是Adobe公司开发的一款标准矢量绘图软件，被广泛应用于商标设计、插画设计、海报设计、画册设计、VI设计、产品包装设计、UI设计等领域中。
商标设计：商标（又称Logo，Logo需要在国家相关机构注册为商标，否则仅为美术作品）是指生产者、经营者为了区别自己与他人的商品或服务，而使用在商品及其包装上或服务标记上的，由文字、字母、数字、图形和颜色组合，或上述要素的组合所构成的一种可视性标志。在Illustrator中绘制商标时，可以任意设置形状、大小、颜色等外观参数，无论将图形放大或缩小多少倍都能保证商标的清晰度。图1-1所示为商标设计案例。
图1-1 商标设计
插画设计：插画又称插图，是指以手绘、鼠绘、板绘等形式绘制的图画。Illustrator绘图功能强大、色彩丰富，能轻松绘制各式各样的商业插画，如出版物配图、卡通吉祥物、海报插画、漫画、绘本、贺卡、挂历、装饰画、包装插画等。图1-2所示为插画设计案例。
图1-2 插画设计
海报设计：海报是一种信息传递艺术，可以通过图形、色彩和构图等要素产生强烈的视觉效果，达到宣传的目的。Illustrator强大的绘图功能、优秀的文案排版功能、丰富的变形功能，可以帮助用户制作出促销海报、宣传海报和公益海报等多种类型的海报。图1-3所示为海报设计案例。
图1-3 海报设计
画册设计：画册是指用于宣传企业或品牌的风貌、文化、理念、产品特点，塑造品牌形象的广告媒体。Illustrator可以创建多页面文件，而且其文字工具和路径文字工具提供了优秀的图文混排功能，设计师可以通过流畅的线条，以及协调、美观的图文编排，设计出既富有创意，又具有可读性、观赏性的精美画册。图1-4所示为古镇旅游画册设计案例。
图1-4 画册设计
VI设计：VI（Visual Identity，视觉识别）设计是一种明确企业理念、形象和企业文化的整体设计，又称为“企业视觉识别系统设计”。它通过对企业的产品包装、企业Logo、企业内部环境等进行一致性设计，赋予企业良好的形象，增强企业在市场中的识别度。图1-5所示为茶饮品牌的VI设计案例。
图1-5 VI设计
产品包装设计：产品包装设计是指选用合适的包装材料，针对产品本身的特性及受众的喜好等相关因素，运用巧妙的工艺制作手段，为产品进行的容器结构造型和包装的美化装饰设计。产品包装设计包含产品容器、产品内外包装、产品吊牌和标签，以及运输包装与礼品包装等的设计。Illustrator在产品包装设计的图案绘制、文字特效制作、色彩搭配和画面布局等方面的表现都十分出色，能快速、高效地完成制作任务。图1-6所示为“无核西梅”包装设计案例。
图1-6 产品包装设计
UI设计：UI（User Interface，用户界面）设计也称界面设计，是指对软件的人机交互、操作逻辑和界面的整体设计，如软件界面设计、App界面设计和网站界面设计等。随着IT行业的快速发展，以及移动设备和智能设备的逐渐普及，企业和用户对网站和产品的交互设计愈加重视，UI设计在交互设计中的应用也越来越广泛。Illustrator中的绘图、上色、矢量效果和对齐等功能可以很好地完成界面元素的设计和排版，因此Illustrator非常适合用于进行UI设计。图1-7所示为美食外卖App UI设计案例，图1-8所示为天猫网站某店铺首页设计案例。
图1-7 美食外卖App UI设计
图1-8 天猫网站某店铺首页设计
2. 矢量图与位图的区别
矢量图又称为向量图，是指由点组成的直线或曲线所构成的图形。构成这些图形的点和线可被称为对象，每个对象都是单独的个体，具有大小、方向、轮廓、颜色和位置等属性。由于矢量图可以被无限放大或缩小而不影响清晰度，且文件小，适合高分辨率印刷，所以矢量图在插画设计、商标设计、版式设计和UI设计等领域中被广泛使用。图1-9所示为草莓矢量图的原图及其放大后的效果。
图1-9 草莓矢量图的原图及其放大后的效果
通过相机、手机等设备拍摄的图像称为位图，也叫点阵图，是由单个像素组成的。位图能逼真地显示物体的光影和色彩，是平面设计中的主要构成元素。位图的单位面积内像素（Pixel，简称px）越多，分辨率就越高，文件越大，图像效果也越好。图1-10所示为614像素×756像素（文件大小为1.33MB）、30像素×37像素（文件大小为3.25KB）的草莓位图对比效果。位图放大到一定程度后，图像画面将变得模糊不清。
图1-10 614像素×756像素、30像素×37像素的草莓位图对比效果
知识补充
像素和分辨率
像素是构成位图的最小单位，位图是由一个个小方格形状的像素组成的。一幅相同的图像，其像素越多画面效果越清晰、逼真。像素点是表示位图中每个具体像素的点，包含颜色值、亮度值等信息，以此呈现出完整的图像。分辨率是指图像的精密度，单位是ppi（pixels per inch），即每英寸所包含的像素。如图像的分辨率为72ppi，表示每英寸的图像包含72个像素。图像的分辨率越高，则每英寸的图像包含的像素就越多，图像就有更多的细节，颜色过渡也越平滑。
3. Illustrator支持的文件格式
Illustrator支持的文件格式有AI、EPS、PSD、PDF、SVG、JPEG、TIFF、PNG、BMP、SWF、GIF等，其中AI、EPS、PDF、SVG格式是Illustrator的基本格式，它们可保留所有的Illustrator数据。
AI格式：它是Illustrator的专用格式，也是一种矢量图格式。
EPS格式：它是一种跨平台的通用格式，大多数绘图软件和排版软件都支持此格式。它可以保存图像的路径信息，并可以在各软件之间相互转换。
PSD格式：它是Adobe公司开发的Photoshop的基本格式，在Illustrator中也能使用。该格式能保存图像数据的每一个细节，且各图层中的图像相互独立；其唯一的缺点是存储的图像文件比较大。
PDF：它是一种可移植文档的文件格式，主要用于网络出版，可以包含矢量图和位图，并支持超链接。在Illustrator中可打开和编辑PDF文件，也可将文件保存为PDF。
SVG格式：它是一种标准的矢量图格式，它可以使设计师设计出高分辨率的Web图形页面，并且可以使图形在浏览器页面上呈现很好的效果。
JPEG格式：它是一种用来描述位图的文件格式，可用于Windows和Mac平台上。它支持CMYK、RGB和灰度颜色模式的图像，但不支持Alpha通道。该格式还可以对图像进行压缩，使图像文件变小。
TIFF：它是扫描仪生成的一种格式，很多绘画、图像编辑和页面排版应用程序都支持该格式。
PNG格式：它是网络图像常用的一种文件格式。这种格式可以使用无损压缩方式压缩图像文件，并可以利用Alpha通道制作透明背景，是功能非常强大的网络文件格式。
BMP格式：它是在DOS（Disk Operating System，磁盘操作系统）和Windows平台上常用的一种标准位图格式。该格式支持RGB、索引、灰度和位图颜色模式的图像，但不支持Alpha通道。
SWF格式：它是一种以矢量图为基础的文件格式，常用于交互动画和Web图形。图形以SWF格式输出后，便于进行Web设计和在配备了Macromedia Flash Player的浏览器上浏览。
GIF：它是一种位图交换格式，适用于线条图（如最多含有256色）形式的剪贴画以及使用大块纯色的图像。该格式使用无损压缩方式来减少图像的大小。设计师在将图像保存为GIF格式时，可以自行决定是否保存透明区域或者将其转换为纯色。此外，GIF格式还可以保存动画文件。