資源簡介

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

展開更多......

收起↑