外觀面板是 Illustrator 最強大的非破壞樣式系統。本教程實戰演示如何僅用單一文字物件，通過外觀面板疊加 16 層填色/描邊/效果，構建出具有立體質感、可任意編輯文字內容、一鍵儲存為圖形樣式複用的專業按鈕。

成品與完整外觀結構

16 步構建過程（自下而上）

1. 基礎文字：粗體字體（如 VAL），60pt。填色/描邊設為無（為外觀面板騰出乾淨畫布）。
2. 填色 1（最底）：外觀面板選單「新增填色」，預設黑（後改為白→淺灰漸層，作文字主體色）。
3. 填色 2：新增填色，設橙黃色（暫時區分層級）。
4. 效果：轉換為形狀 > 圓角矩形：對填色 2 套用，設定寬/高增加固定值（如寬 +20px、高 +10px）、圓角半徑，文字瞬間變圓角矩形按鈕本體。
5. 複製填色 2 → 填色 3：面板右下「新增項目」圖示複製，改色為灰色（按鈕陰影基底）。
6. 效果：路徑 > 偏移路徑：對填色 3 設定偏移 +5px，向外擴大形成外描邊/陰影區。
7. 修改填色 1 為白→淺灰線性漸層，角度 90°，模擬文字凸起受光。
8. 新增描邊 1：灰色、1pt、虛線（2pt 畫/2pt 間隙），作按鈕邊框紋理。
9. 複製填色 3 → 填色 4：偏移路徑 -2px，向內收縮形成內陰影帶。
10. 文字投影：複製填色 1（漸層文字色），套用 效果 > 扭曲與變形 > 變換，垂直位移 -2pt，透明度面板設正片疊底，形成文字投影。
11. 填色 2 改為紅色漸層（按鈕主體色），調整漸層色標位置豐富層次。
12. 新增描邊 2（虛線邊框）：套用效果 > 轉換為形狀 > 圓角矩形（參數比填色 2 略大），色設米色、1.5pt、虛線（自定義畫/間隙）。
13. 虛線邊框投影：複製描邊 2，變換效果垂直位移 -2pt，透明度正片疊底。
14. 最底層填色（原灰）改為淺灰漸層（同文字色），加變換效果垂直位移 -2pt + 正片疊底，作整體投影。
15. 微調所有漸層色標、偏移數值、虛線參數，至視覺平衡。
16. 儲存圖形樣式：選取文字，圖形樣式面板點「新建樣式」或拖入面板。以後任意物件（文字/形狀）一鍵套用即得同款按鈕，文字內容自由編輯，尺寸自適應。

核心優勢

• 零結構破壞：文字永遠可編輯，改字即變，按鈕自適應寬度。
• 完全向量：無限縮放不失真。
• 樣式資產化：一鍵套用、批量修改、團隊共享。
• 效果即參數：所有視覺屬性（圓角、偏移、漸層、投影）均為可隨時數值調整的即時效果。

外觀面板 = 向量界的 CSS，掌握它，是邁向「系統化設計師」的關鍵門檻。