《Illustrator平面設(shè)計(jì)與制作（第二版）》 課件 項(xiàng)目八 信息設(shè)計(jì)

任務(wù)3任務(wù)1制作福鼎白茶信息圖任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)制作福鼎白茶詳情頁(yè)項(xiàng)目八?信息設(shè)計(jì)任務(wù)1制作福鼎白茶信息圖1.掌握新建符號(hào)的方法。2.掌握符號(hào)噴槍工具、符號(hào)移位器工具、符號(hào)緊縮器工具、符號(hào)縮放器工具、符號(hào)旋轉(zhuǎn)器工具、符號(hào)著色器工具、符號(hào)濾色器工具、符號(hào)樣式器工具的使用方法。3.能利用符號(hào)噴槍工具、符號(hào)緊縮器工具、符號(hào)旋轉(zhuǎn)器工具等制作信息化圖表。任務(wù)1制作福鼎白茶信息圖本任務(wù)是一個(gè)信息圖實(shí)例，通過設(shè)計(jì)制作圖8-1-1所示的福鼎白茶信息圖，學(xué)習(xí)新建符號(hào)的方法，掌握符號(hào)噴槍工具、符號(hào)移位器工具、符號(hào)緊縮器工具、符號(hào)縮放器工具、符號(hào)旋轉(zhuǎn)器工具、符號(hào)著色器工具、符號(hào)濾色器工具、符號(hào)樣式器工具的使用方法。要完成本任務(wù)，還需要具備一定的色彩搭配和頁(yè)面布局能力。圖8-1-1福鼎白茶信息圖任務(wù)1制作福鼎白茶信息圖一、符號(hào)工具組工具箱中的符號(hào)工具組提供了八種不同類型的符號(hào)工具，包括符號(hào)噴槍工具、符號(hào)移位器工具、符號(hào)緊縮器工具、符號(hào)縮放器工具、符號(hào)旋轉(zhuǎn)器工具、符號(hào)著色器工具、符號(hào)濾色器工具、符號(hào)樣式器工具，用戶可根據(jù)設(shè)計(jì)需要對(duì)符號(hào)圖形進(jìn)行編輯，符號(hào)工具組如圖8-1-2所示。任務(wù)1制作福鼎白茶信息圖圖8-1-2符號(hào)工具組1.符號(hào)噴槍工具使用符號(hào)噴槍工具可在頁(yè)面中創(chuàng)建單個(gè)或多個(gè)指定的符號(hào)。在“符號(hào)”面板中選擇一個(gè)符號(hào)樣本，使用該工具在頁(yè)面中單擊即可創(chuàng)建一個(gè)單獨(dú)的符號(hào)實(shí)例，如圖8-1-3所示。單擊并拖動(dòng)鼠標(biāo)，符號(hào)將沿鼠標(biāo)的運(yùn)行軌跡進(jìn)行分布，形成符號(hào)組，如圖8-1-4所示。任務(wù)1制作福鼎白茶信息圖圖8-1-3創(chuàng)建符號(hào)實(shí)例圖8-1-4創(chuàng)建符號(hào)組2.符號(hào)移位器工具符號(hào)位移器工具可以調(diào)整符號(hào)的順序，更改符號(hào)的堆疊順序。按住工具箱中的“符號(hào)噴槍工具”按鈕，可從彈出的工具組中選擇符號(hào)移位器工具。使用符號(hào)移位器工具在創(chuàng)建的符號(hào)實(shí)例上單擊并拖動(dòng)鼠標(biāo)，可調(diào)整符號(hào)的位置，如圖8-1-5所示。使用符號(hào)移位器工具還可以更改符號(hào)的堆疊順序，按住“Alt＋Shift”組合鍵的同時(shí)單擊符號(hào)實(shí)例，可將符號(hào)向后排列，如圖8-1-6所示。任務(wù)1制作福鼎白茶信息圖任務(wù)1制作福鼎白茶信息圖圖8-1-5調(diào)整符號(hào)位置圖8-1-6更改符號(hào)堆疊順序3.符號(hào)緊縮器工具符號(hào)緊縮器工具可以使符號(hào)實(shí)例更集中或分散。在選擇符號(hào)緊縮器的情況下，按住“Alt”鍵單擊指定符號(hào)可以使符號(hào)相互遠(yuǎn)離，在符號(hào)上按住鼠標(biāo)左鍵單擊或拖動(dòng)可以使符號(hào)之間靠近，如圖8-1-7所示。任務(wù)1制作福鼎白茶信息圖圖8-1-7緊縮符號(hào)實(shí)例4.符號(hào)縮放器工具使用符號(hào)縮放器工具單擊指定的符號(hào)，可以將符號(hào)放大，按住“Alt”鍵的同時(shí)單擊符號(hào)，可以將符號(hào)縮小，如圖8-1-8所示。任務(wù)1制作福鼎白茶信息圖圖8-1-8縮放符號(hào)實(shí)例5.符號(hào)旋轉(zhuǎn)器工具在符號(hào)工具組中選擇符號(hào)旋轉(zhuǎn)器工具，在符號(hào)實(shí)例上按住鼠標(biāo)左鍵拖動(dòng)可以實(shí)現(xiàn)符號(hào)的旋轉(zhuǎn)，如圖8-1-9所示任務(wù)1制作福鼎白茶信息圖圖8-1-9旋轉(zhuǎn)符號(hào)實(shí)例6.符號(hào)著色器工具使用符號(hào)著色器工具可以修改符號(hào)實(shí)例的顏色。在拾色器或“色板”面板中選定顏色，使用該工具在符號(hào)實(shí)例上單擊，即可改變符號(hào)實(shí)例的顏色，連續(xù)單擊，可以增加顏色的濃度，如圖8-1-10所示。單擊“色板”面板中的顏色接著單擊符號(hào)，符號(hào)顏色將進(jìn)行混合，如圖8-1-11所示。如果要恢復(fù)符號(hào)的顏色，按住“Alt”鍵在符號(hào)實(shí)例上單擊即可。任務(wù)1制作福鼎白茶信息圖任務(wù)1制作福鼎白茶信息圖圖8-1-10修改符號(hào)實(shí)例的顏色圖8-1-11混合符號(hào)實(shí)例的顏色7.符號(hào)濾色器工具選擇符號(hào)濾色器工具，在符號(hào)上單擊或按住鼠標(biāo)左鍵拖動(dòng)，可以增加符號(hào)實(shí)例的透明度，單擊次數(shù)越多，鼠標(biāo)左鍵停留時(shí)間越長(zhǎng)，符號(hào)顏色越透明。按住“Alt”鍵在符號(hào)上單擊或按住鼠標(biāo)左鍵拖動(dòng)，則能減少符號(hào)的透明度，隨著單擊次數(shù)的增加符號(hào)顏色恢復(fù)，效果如圖8-1-12所示。任務(wù)1制作福鼎白茶信息圖圖8-1-12減少符號(hào)透明度效果8.符號(hào)樣式器工具符號(hào)樣式器工具可以在“圖形樣式”面板上添加或刪除圖形樣式。選擇符號(hào)集，從“圖形樣式”面板中選取一種樣式，單擊或按住鼠標(biāo)左鍵拖動(dòng)，符號(hào)會(huì)被添加所選的圖形樣式。按住“Alt”鍵單擊或按住鼠標(biāo)左鍵拖動(dòng)可以刪除圖形樣式，效果如圖8-1-13所示。任務(wù)1制作福鼎白茶信息圖圖8-1-13符號(hào)應(yīng)用圖形樣式效果二、新建符號(hào)“符號(hào)”面板中的“新建符號(hào)”按鈕可以將選定的對(duì)象作為新符號(hào)創(chuàng)建到面板中。在頁(yè)面中選擇要?jiǎng)?chuàng)建為符號(hào)的對(duì)象，如圖8-1-14a所示。單擊“符號(hào)”面板下方的“新建符號(hào)”按鈕，打開“符號(hào)選項(xiàng)”對(duì)話框，輸入符號(hào)名稱“星星”，如圖8-1-14b所示。單擊“確定”按鈕，即可在“符號(hào)”面板中創(chuàng)建一個(gè)新的符號(hào)樣本，如圖8-1-14c所示。也可以將要?jiǎng)?chuàng)建為符號(hào)的圖形直接拖入至“符號(hào)”面板中新建符號(hào)。單擊“符號(hào)”面板右上角的擴(kuò)展按鈕，在彈出的下拉列表中選擇“新建符號(hào)”命令，也可以新建符號(hào)。任務(wù)1制作福鼎白茶信息圖任務(wù)1制作福鼎白茶信息圖a）圖8-1-14新建符號(hào)a）選擇符號(hào)對(duì)象b）“符號(hào)選項(xiàng)”對(duì)話框c）完成效果b）c）任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)1.掌握?qǐng)D表工具的使用方法。2.掌握?qǐng)D表數(shù)據(jù)輸入的方法。3.掌握編輯圖表的方法。4.能利用柱形圖工具、折線圖工具、餅圖工具等制作信息化圖表內(nèi)頁(yè)。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)本任務(wù)是一個(gè)信息化圖表內(nèi)頁(yè)設(shè)計(jì)實(shí)例，通過設(shè)計(jì)制作圖8-2-1所示的福鼎白茶信息內(nèi)頁(yè)，學(xué)習(xí)圖表工具、圖表數(shù)據(jù)輸入、編輯圖表的方法，掌握?qǐng)D表的應(yīng)用技巧，學(xué)會(huì)修改圖表中各個(gè)色塊的顏色。圖8-2-1福鼎白茶信息內(nèi)頁(yè)任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)一、圖表工具在工具箱中默認(rèn)的圖表工具為柱形圖工具，按住該工具可彈出圖表工具組，包括柱形圖工具、堆積柱形圖工具、條形圖工具、堆積條形圖工具、折線圖工具、面積圖工具、散點(diǎn)圖工具、餅圖工具和雷達(dá)圖工具，如圖8-2-2所示。用戶可根據(jù)設(shè)計(jì)需要，使用不同的圖表工具來(lái)創(chuàng)建不同的圖表。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)圖8-2-2圖表工具組1.柱形圖工具柱形圖工具可創(chuàng)建柱形圖表，用于在相同的圖表中提供不同的統(tǒng)計(jì)數(shù)據(jù)類型的直接比較。選擇工具箱中的柱形圖工具，在要?jiǎng)?chuàng)建圖表的位置單擊，在彈出的“圖表”對(duì)話框中可設(shè)置圖表的寬度和高度，如圖8-2-3a所示。單擊“確定”按鈕，會(huì)自動(dòng)打開“圖表數(shù)據(jù)輸入”對(duì)話框，按圖8-2-3b所示輸入相應(yīng)的數(shù)值，輸入完成后單擊“應(yīng)用”按鈕，或者按“Enter”鍵，即可生成由剛剛輸入的數(shù)據(jù)構(gòu)成的柱形圖，如圖8-2-3c所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)圖8-2-3創(chuàng)建柱形圖a）“圖表”對(duì)話框b）“圖表數(shù)據(jù)輸入”對(duì)話框c）柱形圖a）b）c）2.堆積柱形圖工具使用堆積柱形圖工具創(chuàng)建的圖表，是由多個(gè)矩形堆積組合而成，用于數(shù)據(jù)的綜合分析或比較數(shù)據(jù)的比例，其使用方法與柱形圖工具一致?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-4a所示，輸入的數(shù)據(jù)構(gòu)成的堆積柱形圖，如圖8-2-4b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-4創(chuàng)建堆積柱形圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）堆積柱形圖3．條形圖工具“條形圖工具”通過一組或多組水平矩形表示圖表的數(shù)據(jù)，其使用方法與柱形圖工具一致。“圖表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-5a所示，輸入的數(shù)據(jù)構(gòu)成的條形圖，如圖8-2-5b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-5創(chuàng)建條形圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）條形圖4．堆積條形圖工具“堆積條形圖工具”是通過堆積條形圖中的條形進(jìn)行數(shù)據(jù)的比較。它與堆積柱形圖的區(qū)別在于方向，一個(gè)是橫向條形，一個(gè)是縱向柱形?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-6a所示，輸入的數(shù)據(jù)構(gòu)成的堆積條形圖，如圖8-2-6b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-6創(chuàng)建堆積條形圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）堆積條形圖5．折線圖工具“折線圖工具”是通過關(guān)鍵的點(diǎn)相連形成不同的折線，以表示圖表的數(shù)據(jù)，顯示一組或多組對(duì)象在一段時(shí)間內(nèi)變化的趨勢(shì)?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-7a所示，輸入的數(shù)據(jù)構(gòu)成的折線圖，如圖8-2-7b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-7創(chuàng)建折線圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）折線圖6．面積圖工具面積圖工具是將數(shù)據(jù)以填充后的路徑形式表現(xiàn)，且一個(gè)堆積在另一個(gè)上面，用來(lái)展示圖中圖例對(duì)象的總面積?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-8a所示，輸入的數(shù)據(jù)構(gòu)成的面積圖，如圖8-2-8b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-8創(chuàng)建面積圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）面積圖7.散點(diǎn)圖工具使用散點(diǎn)圖工具可創(chuàng)建散點(diǎn)圖表，在該圖表中每個(gè)數(shù)據(jù)是根據(jù)x、y坐標(biāo)來(lái)確定位置，并使用直線段將各個(gè)點(diǎn)連接起來(lái)，可以直觀反映出數(shù)據(jù)的變化?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-9a所示，輸入的數(shù)據(jù)構(gòu)成的散點(diǎn)圖，如圖8-2-9b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-9創(chuàng)建散點(diǎn)圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）散點(diǎn)圖8.餅圖工具使用餅圖工具可創(chuàng)建餅形圖表，用于比較各部分的百分比。圖表按比例的大小顯示餅和餅的各個(gè)楔形?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-10a所示，輸入的數(shù)據(jù)構(gòu)成的餅圖，如圖8-2-10b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-10創(chuàng)建餅圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）餅圖9．雷達(dá)圖工具雷達(dá)圖工具創(chuàng)建的雷達(dá)圖以環(huán)形方式顯示在時(shí)間或特定分類的確定點(diǎn)上各組數(shù)據(jù)的關(guān)系?！皥D表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-11a所示，輸入的數(shù)據(jù)構(gòu)成的雷達(dá)圖，如圖8-2-11b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-11創(chuàng)建雷達(dá)圖a）“圖表數(shù)據(jù)輸入”對(duì)話框b）雷達(dá)圖任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)二、“圖表數(shù)據(jù)輸入”對(duì)話框使用圖表工具在頁(yè)面中繪制圖表時(shí)，會(huì)彈出“圖表數(shù)據(jù)輸入”對(duì)話框，如圖8-2-12所示。在對(duì)話框中輸入并應(yīng)用數(shù)據(jù)，圖表中會(huì)出現(xiàn)相應(yīng)的數(shù)據(jù)和名稱?！皥D表數(shù)據(jù)輸入”對(duì)話框中各按鈕的功能如下。導(dǎo)入數(shù)據(jù)：通過“導(dǎo)入圖表數(shù)據(jù)”對(duì)話框?qū)胫票砦谋疚募械臄?shù)據(jù)。需要注意的是，導(dǎo)入文本之間必須用制表符進(jìn)行分隔，行與行之間要用回車符進(jìn)行分隔。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)換位行/列：用于置換行或列之間的數(shù)據(jù)。切換x/y：將x/y軸位置相互轉(zhuǎn)換。單元格樣式：通過“單元格樣式”對(duì)話框設(shè)置小數(shù)位數(shù)和列寬度。恢復(fù)：用于將圖表數(shù)據(jù)恢復(fù)到初始狀態(tài)。應(yīng)用：用于將當(dāng)前數(shù)據(jù)應(yīng)用到圖表中。圖8-2-12“圖標(biāo)數(shù)據(jù)輸入”對(duì)話框任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)三、編輯圖表1.修改圖表類型“圖表類型”對(duì)話框用于設(shè)置圖表的相關(guān)屬性。執(zhí)行“對(duì)象”→“圖表”→“類型”命令，或雙擊工具箱中的任意圖表工具，即可彈出“圖表類型”對(duì)話框。在對(duì)話框的“類型”選項(xiàng)中選擇需要的類型，即可進(jìn)行圖表類型的轉(zhuǎn)換?！皥D表類型”對(duì)話框如圖8-2-13所示。圖8-2-13“圖表類型”對(duì)話框任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)“圖表類型”對(duì)話框中各選項(xiàng)的功能如下：圖表選項(xiàng)：在下拉列表框中可選擇“圖表選項(xiàng)”“數(shù)值軸”和“類別軸”，以切換至相應(yīng)的選項(xiàng)組中，如圖8-2-14所示。圖8-2-14圖表選項(xiàng)任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)類型：通過單擊相應(yīng)的圖表按鈕，即可轉(zhuǎn)換圖表類型，如圖8-2-15所示。a）b）圖8-2-15轉(zhuǎn)換圖表類型a）圖表類型—柱形圖b）圖表類型—餅圖任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)數(shù)值軸：在下拉列表框中可選擇“位于左側(cè)”“位于右側(cè)”“位于兩側(cè)”等選項(xiàng)，以顯示左邊、右邊或者兩邊的數(shù)值軸，如圖8-2-16所示。a）b）圖8-2-16轉(zhuǎn)換數(shù)值軸任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)圖8-2-16轉(zhuǎn)換數(shù)值軸a）數(shù)值軸—位于左側(cè)b）數(shù)值軸—位于右側(cè)c）數(shù)值軸—位于兩側(cè)c）任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)樣式：用于為圖表添加投影、在頂部添加圖例、第一行在前、第一列在前等樣式的設(shè)置，添加陰影效果如圖8-2-17所示。選項(xiàng)：用于設(shè)置圖表列寬和群集寬度。圖8-2-17添加投影效果2.修改圖表數(shù)據(jù)圖表創(chuàng)建后，若發(fā)現(xiàn)錯(cuò)誤可選中圖表，執(zhí)行“對(duì)象”→“圖表”→“數(shù)據(jù)”命令，在打開的“圖表數(shù)據(jù)輸入”對(duì)話框中進(jìn)行修改。修改完成后，單擊“應(yīng)用”按鈕即可，修改前圖表數(shù)據(jù)如圖8-2-18a所示，修改后圖表數(shù)據(jù)如圖8-2-18b所示。任務(wù)2制作福鼎白茶信息內(nèi)頁(yè)a）b）圖8-2-18修改圖表數(shù)據(jù)a）修改前圖表數(shù)據(jù)b）修改后圖表數(shù)據(jù)任務(wù)3制作福鼎白茶詳情頁(yè)1.掌握創(chuàng)建圖案圖表的方法。2.掌握標(biāo)記圖案圖表的方法。3.掌握切片工具的使用方法。4.能利用創(chuàng)建圖案圖表、標(biāo)記圖案圖表等方法制作詳情頁(yè)。任務(wù)3制作福鼎白茶詳情頁(yè)本任務(wù)是一個(gè)詳情頁(yè)設(shè)計(jì)實(shí)例，通過設(shè)計(jì)制作圖8-3-1所示的福鼎白茶詳情頁(yè)，進(jìn)一步掌握?qǐng)D表的應(yīng)用技巧，學(xué)會(huì)設(shè)計(jì)圖表以及為圖表添加“3D”效果。圖8-3-1福鼎白茶詳情頁(yè)任務(wù)3制作福鼎白茶詳情頁(yè)一、創(chuàng)建圖案圖表如果想使圖表變得更加醒目耀眼，可在頁(yè)面中繪制符號(hào)，如圖8-3-2a所示。執(zhí)行“對(duì)象”→“圖表”→“設(shè)計(jì)”命令，打開“圖表設(shè)計(jì)”對(duì)話框。單擊對(duì)話框中的“新建設(shè)計(jì)”按鈕，將符號(hào)添加到對(duì)話框中。單擊“重命名”按鈕，設(shè)置名稱為“花朵”，“圖表設(shè)計(jì)”對(duì)話框如圖8-3-2b所示。單擊“確定”按鈕，創(chuàng)建完成圖表圖案。任務(wù)3制作福鼎白茶詳情頁(yè)任務(wù)3制作福鼎白茶詳情頁(yè)圖8-3-2創(chuàng)建圖表圖案a）繪制符號(hào)b）“圖表設(shè)計(jì)”對(duì)話框b）a）選中圖表，執(zhí)行“對(duì)象”→“圖表”→“柱形圖”命令，打開“圖表列”對(duì)話框，在對(duì)話框的“選取列設(shè)計(jì)”選項(xiàng)中選擇“花朵”，在“列類型”下拉列表框中選擇“重復(fù)堆疊”，“圖列表”對(duì)話框如圖8-3-3所示。單擊“確定”按鈕，效果如圖8-3-4所示。任務(wù)3制作福鼎白茶詳情頁(yè)圖8-3-4創(chuàng)建圖案圖表效果圖8-3-3“圖表列”對(duì)話框任務(wù)3制作福鼎白茶詳情頁(yè)二、標(biāo)記圖案圖表標(biāo)記圖案圖表可以將折線圖、散點(diǎn)圖、雷達(dá)圖圖表中的數(shù)據(jù)點(diǎn)以自定義的方式重新標(biāo)記圖形。選擇需要標(biāo)記的圖形對(duì)象，執(zhí)行“對(duì)象”→“圖表”→“設(shè)計(jì)”命令，在彈出的“圖表設(shè)計(jì)”對(duì)話框中單擊“新建設(shè)計(jì)”按鈕，如圖8-3-5a所示。使用直接選擇工具選擇需要標(biāo)記的點(diǎn)，執(zhí)行“對(duì)象”→“圖表”→