任務1.1 了解Illustrator平面設計基礎

米拉進入公司后發現老洪交待的工作需要頻繁用到Illustrator，為了順利完成工作，米拉準備先熟悉Illustrator平面設計基礎知識，拓展自己的知識面，為后面的設計工作奠定堅實的基礎。

1. Illustrator的應用領域

Adobe Illustrator（簡稱AI）是Adobe公司開發的一款標準矢量繪圖軟件，被廣泛應用于商標設計、插畫設計、海報設計、畫冊設計、VI設計、產品包裝設計、UI設計等領域中。

商標設計：商標（又稱Logo，Logo需要在國家相關機構注冊為商標，否則僅為美術作品）是指生產者、經營者為了區別自己與他人的商品或服務，而使用在商品及其包裝上或服務標記上的，由文字、字母、數字、圖形和顏色組合，或上述要素的組合所構成的一種可視性標志。在Illustrator中繪制商標時，可以任意設置形狀、大小、顏色等外觀參數，無論將圖形放大或縮小多少倍都能保證商標的清晰度。圖1-1所示為商標設計案例。

插畫設計：插畫又稱插圖，是指以手繪、鼠繪、板繪等形式繪制的圖畫。Illustrator繪圖功能強大、色彩豐富，能輕松繪制各式各樣的商業插畫，如出版物配圖、卡通吉祥物、海報插畫、漫畫、繪本、賀卡、掛歷、裝飾畫、包裝插畫等。圖1-2所示為插畫設計案例。

海報設計：海報是一種信息傳遞藝術，可以通過圖形、色彩和構圖等要素產生強烈的視覺效果，達到宣傳的目的。Illustrator強大的繪圖功能、優秀的文案排版功能、豐富的變形功能，可以幫助用戶制作出促銷海報、宣傳海報和公益海報等多種類型的海報。圖1-3所示為海報設計案例。

畫冊設計：畫冊是指用于宣傳企業或品牌的風貌、文化、理念、產品特點，塑造品牌形象的廣告媒體。Illustrator可以創建多頁面文件，而且其文字工具和路徑文字工具提供了優秀的圖文混排功能，設計師可以通過流暢的線條，以及協調、美觀的圖文編排，設計出既富有創意，又具有可讀性、觀賞性的精美畫冊。圖1-4所示為古鎮旅游畫冊設計案例。

VI設計：VI（Visual Identity，視覺識別）設計是一種明確企業理念、形象和企業文化的整體設計，又稱為“企業視覺識別系統設計”。它通過對企業的產品包裝、企業Logo、企業內部環境等進行一致性設計，賦予企業良好的形象，增強企業在市場中的識別度。圖1-5所示為茶飲品牌的VI設計案例。

產品包裝設計：產品包裝設計是指選用合適的包裝材料，針對產品本身的特性及受眾的喜好等相關因素，運用巧妙的工藝制作手段，為產品進行的容器結構造型和包裝的美化裝飾設計。產品包裝設計包含產品容器、產品內外包裝、產品吊牌和標簽，以及運輸包裝與禮品包裝等的設計。Illustrator在產品包裝設計的圖案繪制、文字特效制作、色彩搭配和畫面布局等方面的表現都十分出色，能快速、高效地完成制作任務。圖1-6所示為“無核西梅”包裝設計案例。

UI設計：UI（User Interface，用戶界面）設計也稱界面設計，是指對軟件的人機交互、操作邏輯和界面的整體設計，如軟件界面設計、App界面設計和網站界面設計等。隨著IT行業的快速發展，以及移動設備和智能設備的逐漸普及，企業和用戶對網站和產品的交互設計愈加重視，UI設計在交互設計中的應用也越來越廣泛。Illustrator中的繪圖、上色、矢量效果和對齊等功能可以很好地完成界面元素的設計和排版，因此Illustrator非常適合用于進行UI設計。圖1-7所示為美食外賣App UI設計案例，圖1-8所示為天貓網站某店鋪首頁設計案例。

2. 矢量圖與位圖的區別

矢量圖又稱為向量圖，是指由點組成的直線或曲線所構成的圖形。構成這些圖形的點和線可被稱為對象，每個對象都是單獨的個體，具有大小、方向、輪廓、顏色和位置等屬性。由于矢量圖可以被無限放大或縮小而不影響清晰度，且文件小，適合高分辨率印刷，所以矢量圖在插畫設計、商標設計、版式設計和UI設計等領域中被廣泛使用。圖1-9所示為草莓矢量圖的原圖及其放大后的效果。

通過相機、手機等設備拍攝的圖像稱為位圖，也叫點陣圖，是由單個像素組成的。位圖能逼真地顯示物體的光影和色彩，是平面設計中的主要構成元素。位圖的單位面積內像素（Pixel，簡稱px）越多，分辨率就越高，文件越大，圖像效果也越好。圖1-10所示為614像素×756像素（文件大小為1.33MB）、30像素×37像素（文件大小為3.25KB）的草莓位圖對比效果。位圖放大到一定程度后，圖像畫面將變得模糊不清。

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格式還可以保存動畫文件。