Jaku 主題風格 iOS 圖標標準化製作流程

Jaku 是極具辨譽度的 iOS 越獄主題圖標風格，以立體斜角邊框、材質貼圖、統一視覺語言著稱。本教程基於官方 PSD 模板，拆解「純色底邊」與「非純色底邊」兩類圖標的標準化製作流程。

純色底邊圖標範例

非純色底邊圖標範例

模板結構解析

打開 Jaku.psd 模板，核心圖層結構：

• Drag Images...：智能對象圖層，放入圖標主體素材
• Bevel：斜角邊框圖層，底邊顏色需手動取色填充
• Highlight/Shadow/Overlay：高光/陰影/疊加效果組，自動套用

純色底邊圖標製作（8 步標準流程）

1. 選中「Drag Images...」智能對象圖層（藍色高亮）
2. 拖入目標 App 圖標素材（如 58 同城），調整大小位置，回車/右鍵「置入」確認
3. 選中「Bevel」斜角圖層
4. 吸管工具在圖標素材底部邊緣主色區取色（避開陰影灰黑）
5. 油漆桶工具點擊「Bevel」圖層灰黑色底邊區域 → 填充為取樣顏色
6. 檢查邊緣過渡自然度，微調取色位置重填
7. 文件→存儲為→PNG 格式，命名規範（如 com.wuba@2x.png）
8. 放入主題包 /Bundles/com.wuba/ 目錄

非純色底邊圖標進階處理

當圖標底部呈現漸變/多色/圖案時，單一取色無法滿足：

• 方案 A：手動繪製漸變底邊——筆刷/漸變工具在 Bevel 圖層手繪過渡
• 方案 B：素材投影法——複製圖標主體→垂直翻轉→高斯模糊→蒙版保留底部→置於 Bevel 下方
• 方案 C：3D 建模渲染——C4D/Blender 建模渲染底邊材質→導出貼圖替換 Bevel 內容

批量化生產工作流

1. 建立 Excel 表格：Bundle ID | 圖標名 | 底邊類型(純/漸/圖) | 取色座標/漸變參數
2. PS 動作記錄：置入智能對象→取色→填充 Bevel→導出 PNG
3. 變量數據集：文件→自動化→變量→定義數據集→批量處理
4. 品質檢查：Bridge 縮圖瀏覽統一視覺檢查，問題圖標標記返工

設計規範遵守清單

• 尺寸：120×120px (@2x) / 180×180px (@3x)
• 安全區：內部 100×100px 區域放置核心圖形，邊緣 10px 留給 Bevel
• 色彩：底邊顏色必須從圖標主體色彩提取，保證視覺統一性
• 命名：嚴格遵循 iOS Bundle ID 命名規範，區分 @2x/@3x

Jaku 風格的精髓在於約束中的統一性：固定模板結構、統一斜角邊框、規範底邊取色邏輯，讓成百上千個圖標形成強烈的家族識別感。