Icon Composer 教程：從圖層素材到 Xcode

Icon Composer 用於準備 Apple 平臺的分層應用圖示。本篇 Icon Composer 教程從原始圖片開始，介紹如何儲存原生圖示，再交給實際使用它的 Xcode 目標。PNG 合成預覽和原生圖示檔案承擔不同的任務，檔案不能僅靠改副檔名互相替代。

先複製一份設計素材，保留專案當前使用的圖示，等替換結果確認後再整理舊檔案。以下步驟依據 Apple 官方說明，不代表本次已經完成新的原生匯入測試。

先確認工具版本與專案入口

從 Apple Icon Composer 頁面下載工具，也可從 Xcode 的開發工具選單開啟。核對本篇時，當前獨立下載要求 macOS Tahoe 26.4 或更新版本。安裝前請再次確認要求，Xcode 隨附的較早版本可能有不同介面。

記錄 macOS、Xcode、目標平臺和最低部署版本。確定專案現在使用資源目錄還是原生圖示檔案。只有目標引用了預期的原始檔，構建才會使用它；將檔案放入倉庫本身並不等於已完成整合。

應用材質前先準備獨立圖層

將背景與前景標誌分開儲存。透明前景讓原生工具能夠處理標誌，而不是把已合成的背景矩形也當成同一物件。先觀察沒有效果的輪廓；細小文字和複雜紋理不會因為多加高光就變得易讀。

Apple Watch 素材工具可準備包含 foreground-1088.png、background-1088.png、composite-preview-1088.png 的 ZIP。前兩張是輸入原始圖片，第三張用於觀察構圖。這份壓縮包不包含完成的 .icon 檔案。

Apple 的 Icon Composer 課程說明了原始圖片流程及 Apple Watch 的 1088 畫素畫布。請按目標平臺確認畫布，不要將 Watch 尺寸直接套用於所有專案。

在 Icon Composer 中匯入並整理素材

新建文件，使用容易辨認的專案名稱儲存。加入圖層後，檢查順序、位置和分組。先保持簡單佈局，能幫助你理解每次材質調整實際作用在哪個物件上。

具體受支援的操作以 Apple 建立與 Xcode 整合指南為準。介面名稱可能隨工具版本變化。圖片裡已經畫好的玻璃效果仍然屬於畫素，匯入並不會恢復成可獨立修改的形狀。

不要只檢視一張整體預覽就判斷圖層正確。確認前景檔案的透明區域、背景的鋪滿方式和中心標誌是否對齊，再繼續調整。這樣更容易定位素材問題，而不是不斷用材質引數補救構圖。

檢查平臺與外觀模式

切換當前版本提供的平臺檢視和外觀模式。調整材質時，觀察邊界、對比度與背景；大圖漂亮不代表圖示在啟動介面的實際尺寸下仍然清晰。

在保留效果前，對比有無該效果的構圖。瀏覽器預覽用於準備原始圖片，Icon Composer 決定原生渲染。不能把瀏覽器中的陰影或光澤寫成已驗證的原生顯示效果。

儲存圖示並連線 Xcode 目標

儲存原生文件，加入正確的 Xcode 目標，並檢查 App Icon 設定。Apple 指南說明，選擇的圖示名稱應匹配 Icon Composer 檔案去掉副檔名後的名稱。還要確認實際構建的 scheme 和配置，避免開發版與釋出版指向不同資源。

構建選定專案，在 Simulator 或裝置上檢視圖示，並分別記錄測試結果。下載原始圖片 ZIP、專案構建透過、安裝後顯示以及商店接受，是不同的驗收結果。

採用 PNG 圖示集的專案，可使用 iOS 圖示生成器和 Xcode 匯入教程。製作器的 PNG 包與原生文件是不同輸入方式，不是可以互換的格式。

Icon Composer 常見問題

能把 AI PNG 變成可編輯圖層嗎？

扁平 PNG 仍是柵格素材。需要獨立編輯的物件，應準備獨立原始圖片。先複核 AI 圖片，不要把生成圖片中的效果當成原生材質。

watchOS ZIP 裡有最終圖示嗎？

沒有。它包含前景、背景和合成預覽。匯入原始圖片、配置外觀後，需要在 Icon Composer 儲存原生文件。

應該立刻刪除舊資源目錄嗎？

先保留備份，檢查專案支援的目標。確認替換資源被選中，並在預期配置下驗證後，再刪除不需要的檔案。

保留可復現的交接資料

按這份 Icon Composer 教程核對匯入流程，將原始圖片層、原生檔案、工具版本和目標選擇一起儲存。需要 PNG 資源時先用製作器，專案需要原生圖層流程時再進入 Icon Composer。