水果沙拉圖標作為 APP 圖標、菜單圖示、包裝圖騰的高頻需求，考驗設計師在「極簡識別度」與「豐富質感表達」間的平衡把控。本教程將演示如何在 Illustrator 中運用「形狀構建工具」、「外觀面板疊加」、「符號噴槍隨機化」三大核心技法，高效產出既具辨識度又不失豐富細節的水果沙拉圖標系列。

成品展示：多款水果沙拉圖標變體，涵蓋線性/填充/雙色/多色風格

設計策略：模組化構建系統

拒絕「一張圖畫死」，建立「水果元件庫 + 容器變體 + 風格皮膚」三層架構：

第一層：水果元件庫（原子級組件）

將每種水果拆解為 3-5 個基礎幾何體組合：

• 草莓：倒心形主體 + 頂部葉萼 (3-5 片橢圓) + 表面點狀種子 (散點符號)
• 藍莓：正圓 + 頂部五角星形萼片 + 表面霜狀漸變
• 奇異果切面：同心圓環 (果皮/果肉/果心) + 放射狀種子排列 (旋轉複製)
• 芒果塊：不規則圓角三角形 + 核心橢圓
• 西瓜三角：直角三角形 + 綠皮邊緣 + 黑種子散點

所有元件統一建立為「符號」，命名規範：Fruit_Strawberry、Fruit_Blueberry 等，便於後續符號噴槍調用。

第二層：容器變體（分子級組合）

設計 4-6 款容器基礎形狀：

• 圓形碗（俯視/透視）
• 方形盒（等距透視）
• 玻璃杯（高透明度材質）
• 葉舟造型（熱帶風情）
• 幾何多面體（現代極簡）

容器同樣建立為符號，預留「內容物掛載點」（引導線/參考點），實現水果元件精準定位。

第三層：風格皮膚（表現層解耦）

通過「外觀面板」為同一結構套用不同視覺皮膚：

核心技法實戰演示

技法一：形狀構建工具 (Shift+M) 快速布爾運算

容器與水果交集區域處理：選中容器路徑與水果路徑，Shift+M 進入形狀構建模式，Alt+點擊刪除容器外溢部分，Shift+拖選合併內部區域。比傳統「路徑查找器」直觀 10 倍，且保留原始路徑可編輯性。

技法二：外觀面板非破壞性風格切換

為容器基礎路徑建立 4 組外觀屬性集（對應上表 4 風格），儲存為圖形樣式。切換風格 = 點擊圖形樣式面板對應縮圖，零重繪成本。

技法三：符號噴槍 + 變形工具 = 自然堆疊

1. 選中容器「內容物掛載點」區域
2. 符號噴槍工具 (Shift+S) 選取水果符號集，噴射密度 50%、尺寸隨機 30%、旋轉隨機 360°
3. 符號變形工具組微調：移動工具疏密、縮放工具大小層次、旋轉工具角度變化
4. 展開符號實例 (Object > Expand Appearance) 後，按圖層順序手動微調 3-5 關鍵水果位置，打破機械感

色彩系統：食慾喚起色彩學

• 高飽和主色調：草莓紅 #E74C3C、芒果黃 #F39C12、奇異果綠 #2ECC71、藍莓紫 #9B59B6、西瓜紅 #E74C3C + 綠 #27AE60
• 統一色溫傾向：全圖色相向暖黃偏移 5-10°，營造食慾誘發溫度
• 功能色固定：高光 #FFFFFF(60%)、陰影 #000000(15%)、描邊 #2C3E50(深灰藍而非純黑)

多尺寸輸出規範

// 圖標輸出規格表
16×16px   - Favicon / 狀態欄 - 簡化至容器+3顆水果輪廓
32×32px   - 系統圖標         - 容器+5顆水果，無細節紋理
64×64px   - 應用圖標         - 完整細節，微質感風格
128×128px - 商店展示          - 豐富光影、背景裝飾
256×256px - 高清展示          - 全細節，可作插畫素材
512×512px - App Store        - 最高規格，留白安全區 15%
1024×1024px - 營銷物料       - 印刷級解析度，CMYK 色彩模式

延展應用：從單圖標到設計系統

• 動態圖標：圖層分離導出（容器/水果/裝飾/背景），After Effects 中添加水果彈跳、液體晃動、光線流動微動效，輸出 Lottie/JSON 供 App 啟動頁使用
• 插畫系列化：同一元件庫構建「早餐系列」「下午茶系列」「健身餐系列」，統一視覺語言構建品牌識別系統
• 實體周邊：矢量源檔直接用於絲印/燙金/刺繡/鐳射雕刻，零二次繪製成本

水果沙拉圖標看似簡單，實則考驗「系統化思維」：能否從「畫一張圖」進化到「建一套系統」。掌握「元件庫 + 容器變體 + 風格皮膚」三層架構，你就擁有了無限生成優質圖標的產能引擎。