低多邊形風格以其幾何理性、光影豐富、極易動態化的特性，成為 UI 背景、品牌視覺、動態設計的長青熱門風格。本教程示範在 Illustrator 中利用 三角網格生成腳本、重新著色圖稿 快速換色、外觀面板非破壞效果 疊加光影、變量/動作 批量生成變體，構建一套高效可控的多邊形背景生產管線。

成品展示

核心生成管線

1. 三角網格基礎幾何生成 (三種方法)

• 方法 A：腳本自動化 (推薦)
  - 使用 Triangulator / Delaunay Triangulation / Low Poly Generator 等免費腳本 (JSX)。
  - 參數：點數 200-500、邊緣約束、最小角度限制。
  - 一鍵生成幾何完美的三角網格群組。
• 方法 B：手繪 + 擴展
  - 線段工具手繪三角網格 (適合小範圍局部控制)。
  - 選中所有線段 → 對象 → 路徑 → 轉換為物件 → 路徑查找器 → 分割 → 取消群組 獲得獨立三角形。
• 方法 C：網格工具轉換
  - 矩形網格工具建立正交網格 → 對象 → 路徑 → 分割到網格 → 刪除垂直/水平線保留對角線 → 合併三角形 (需腳本輔助)。

2. 智能配色系統：重新著色圖稿 + 色板組

1. 建立 主題色板組 (每組 5-8 色)：
   - 極光夜：#0D1B2A → #1B2A4A → #3A506B → #5BC0BE → #6FFFE9
   - 日落熱力：#2D0036 → #6B1A4A → #D41A5A → #FF6B35 → #FFD600
   - 森林綠：#081D13 → #1B4D3E → #2E8B57 → #6FCF97 → #A8E6CF
   - 單色極簡：#1A1A2E → #16213E → #0F3460 → #E94560 → #FFFFFF
2. 全選網格 → 編輯 → 編輯顏色 → 重新著色圖稿：
   - 選擇色板組 → 隨機換色順序 (獲取豐富變體)
   - 鎖定關鍵色 (如品牌色) 防止被替換
   - 色彩和諧規則：單色/互補/三角色/四角色 實時預覽

3. 光影與材質非破壞疊加 (外觀面板)

為三角形群組 (或整個圖層) 添加共享外觀屬性：

1. 基礎填充：已由重新著色賦予。
2. 填充 2：徑向漸變 (中心白 透明度 0% → 邊緣黑 透明度 60%)，模式 疊加，中心偏移對應主光源位置，模擬球面光影。
3. 填充 3：效果 → 材質 → 顆粒 (濃度 15, 對比度 20, 類型點狀)，模式 疊加，不透明度 10% (細膩顆粒感)。
4. 描邊： 0.25pt 白/黑 (視深淺)，模式 疊加/正片疊底，內部對齊，勾選 圓角連接 (消除尖銳尖刺)。
5. 效果 → 風格化 → 羽化 (0.5px) 微軟化邊緣，避免鋸齒。

4. 變體批量生成：變量面板 + 動作

1. 定義 變量：
   - Tri_Count (點數 150/300/500)
   - Color_Theme (色板組名稱)
   - Light_Angle (光源角度 45/135/225/315)
   - Grain_Amount (顆粒強度 0/10/20)
2. 錄製 動作：「執行三角網格腳本 → 套用變量色板 → 套用共享外觀 → 導出 PNG」。
3. 批次處理：文件 → 自動 → 批次，輸入 CSV 變量數據集，一鍵生成 50+ 變體背景。

進階視覺變體

變體類型	關鍵技法	視覺特徵
線框模式	移除填充，描邊 1pt 白色，添加發光效果	科技感、線框渲染、載入動畫
漸變網格填充	每個三角形獨立漸變網格 (腳本賦予)	平滑色彩過渡、類油畫質感
3D 擠出	效果 → 3D → 擠出 (深度 20pt)、斜角	幾何體積感、等軸測風格
動態噪點	導出 AE，添加 Fractal Noise 動畫	循環動態背景、VJ 素材
圖像填充	剪切蒙版：三角網格作為蒙版對象，底層置入照片	低多邊形肖像、拼貼藝術

工程級導出規範

• Web/APP： SVG (矢量、可互動、可 CSS 動畫) + WebP @1x/2x/3x (光柵備份)。
• 印刷/大幅面： 300dpi CMYK TIFF/PDF，色彩配置文件 ISO Coated v2。
• 動態設計： 分層 AI (每層 ≤ 500 對象) 導入 AE，或導出 Lottie JSON (Bodymovin)。
• 3D 管線： 導出 OBJ/glTF (三角形即面片)，導入 Blender/C4D 做位移/細分。

避坑指南

• 對象過多導致 AI 卡死：單畫板三角形數量建議 ≤ 3000；大場景分多畫板/多文件。
• 重新著色改變品牌色：務必在重新著色對話框中 鎖定 品牌色色板。
• 邊緣鋸齒明顯：羽化 0.5px + 描邊圓角連接 + 導出時啟用「反鋸齒」。
• 顏色帶狀條紋：增加顆粒噪點 (疊加模式) 打破條紋，或改用 16bit/32bpc 色彩深度 (PS 後期)。

建立「腳本生成 → 智能配色 → 非破壞材質 → 變量批量 → 多管線導出」的標準化生產管線，將多邊形背景從「設計師手工慢產」轉變為「參數化高產資產庫」，是現代視覺設計團隊提升交付效率的關鍵基建。