本週建議先在 Windows 整理一個代表性分層圖示,再用遠端 Mac 開啟 Icon Composer 完成 Liquid Glass 預覽與 Xcode 交付;Icon Composer 不能在 Windows 原生執行,但你不必因此把全部設計工作搬到 Mac。這套做法適合偶發交付或需要臨時 Mac 環境的團隊,高頻迭代或依賴精細本地預覽的團隊,才應考慮固定 Mac 工作站。
這篇文章適合以 Windows 為主力設備、要製作 Apple 平台新版 App 圖示的 UI 或品牌設計師,也適合接收設計稿並把 Icon Composer 檔案加入 Xcode 的交付人員。若你是需要臨時擴充 Mac 圖示製作環境的小型產品團隊或創意工作室,以下時間線可以直接作為交接流程。
提醒: 本文最後更新於 2026 年 9 月 2 日;系統要求與交付規則核實自 Apple Developer 的 Icon Composer 官方頁面、Xcode 圖示文件 及 Apple 的設計指南。Apple 更新相關文件後,應重新核對。
SECTION 01 先劃清 Windows 與 Mac 的工作邊界
截至上述核實日期,Apple 官方將 Icon Composer 定位為製作適用於 iPhone、iPad、Mac 和 Apple Watch 的分層 Liquid Glass 圖示工具,並提供獨立下載或從 Xcode 開啟的入口;官方下載頁目前標明需要 macOS Tahoe 26.4 或更高版本。Apple 的 Icon Composer 介紹 是判斷執行環境的首要依據。
因此,不要把「Windows 怎麼用 Icon Composer」理解成在 Windows 上安裝一個相容版本。較穩妥的分工是:Windows 負責視覺創作、圖層整理和版本管理;Mac 負責匯入 Icon Composer、調整外觀、檢查 Apple 平台預覽,以及輸出交給 Xcode 的工程檔。
| 時間線節點 | Windows 端 | Mac 端 |
|---|---|---|
| 設計準備 | 畫布、主體、背景與分層素材 | 不必重畫原始設計 |
| 外觀製作 | 提供可交接的圖層檔 | Liquid Glass、透明度、折射與光影調整 |
| 交付前檢查 | 保留原始檔與版本說明 | 不同外觀、平台位置與 Xcode 接入檢查 |
Icon Composer 有沒有 Windows 版本?
目前不能把 Windows 原生支援當成已確認功能。Apple 官方文件只確認上述 macOS 入口與系統要求,因此 Windows 使用者應採取「Windows 設計、Mac 收尾」的雙環境流程,而不是依賴未經官方確認的相容層或遠端畫面轉接工具。
這也代表遠端 Mac 有清楚的使用邊界:它很適合非同步製作、交付和反覆修正,但不等於本地觸控操作,也不保證遠端畫面完全符合你的色彩判斷,更不能取代真機上的最終測試。
SECTION 02 Windows 端先完成可交接的分層素材
在第一個里程碑,先不要急著追求玻璃反射效果。你要交給 Mac 端的是結構清楚、可逐層調整的素材,而不是一張已經合併的圖片。
建議依照 Apple 的 App 圖示設計指南 規劃畫布、主體比例、前景與背景關係。具體畫布尺寸和最新平台規範應以官方頁面當時版本為準,不要沿用舊專案的固定數值。
在 Windows 上完成以下準備:
- 將主體、背景、裝飾和陰影拆成獨立圖層,並用
foreground、background、symbol等可讀名稱標記。 - 優先保留可縮放的向量素材;文字轉為輪廓,避免換到 Mac 後因字型不同而改變字距或外形。
- 不要預先把所有高光、玻璃反射和陰影烘焙進單張圖片,否則到 Icon Composer 後便難以控制層級。
- 保留未合併的原始設計檔、匯出素材和交付副本,三者不要只靠檔名區分,最好放在不同資料夾。
- 在檔案旁加入一份簡短說明,列出主體位置、預期顏色、不可裁切區域和需要開發者確認的內容。
Icon Composer 可以匯入哪些設計檔?
不要假設 Figma、PSD 或其他設計軟體的原始檔可以直接成為 Icon Composer 工程。較安全的做法,是依 Apple 使用 Icon Composer 建立 App 圖示的文件 將設計稿拆成官方流程可處理的獨立圖層素材,並在實際匯入視窗確認格式是否被接受。所有 SVG 效果、遮罩、混合模式或外掛特效都不應預先承諾能完整保留。
| 素材交付方式 | 適合用途 | 主要風險 |
|---|---|---|
| 未合併的分層素材 | 在 Icon Composer 內重新排序、分組和調整 | 圖層命名或透明區域不清會增加整理時間 |
| 扁平 PNG 或其他預覽圖 | 提案、行銷、設計評審 | 無法取代可繼續調整的工程檔 |
| 原始設計檔 | 保留編輯來源、日後改稿 | 不等於 Xcode 或 Icon Composer 可直接使用 |
SECTION 03 Icon Composer Windows 怎麼用:首次進入遠端 Mac
當 Windows 端素材通過自我檢查後,再建立 Mac 工作區。不要一開始就把正式專案整批上傳,先用一個簡化圖示驗證「上傳、匯入、儲存、重新開啟」這條路徑。
操作時間線如下:
第一步:核對 macOS 條件。
先確認遠端 Mac 的 macOS 是否符合 Apple 下載頁目前標示的 macOS Tahoe 26.4 或更高版本。官方下載頁 若有變更,應以新要求為準;不要只看 Mac 的晶片名稱就判定可以使用。
第二步:選擇官方入口。
你可以從 Apple 提供的獨立下載方式取得 Icon Composer,也可以從 Xcode 開啟相關工具。若團隊由開發者負責接入,最好先確認對方使用的 Xcode 版本與專案狀態,避免設計師在錯誤工作區內建立交付檔。
第三步:建立獨立目錄。
分開保存 source、Icon Composer 工程檔和 delivery 副本。檔案名稱應包含專案、圖示用途和修訂狀態,但不要刪除上一個可驗收版本。
第四步:測試小型素材。
只匯入一個前景和一個背景,儲存後關閉並重新開啟;如果圖層遺失、透明區域錯誤或檔案無法重新載入,先修正流程,不要直接遷移正式圖示。
第五步:遷移正式素材。
測試成功後才上傳正式分層檔,並在 Mac 端記錄匯入順序、圖層名稱和任何需要手動修正的效果。這份記錄對下一個圖示和開發者接手都比單張截圖有用。
遠端連線還會帶來三個容易被忽略的成本:頻寬不足時拖曳與預覽會不穩定,長時間連線中斷可能影響未儲存修改,而遠端螢幕的色彩和縮放也未必等同你的 Windows 顯示器。因此,效果判斷要以已儲存工程和目標平台驗收為準,而不是只看遠端畫面截圖。你也可以先閱讀 VPSNIX 的支援中心,確認連線方式、檔案傳輸和權限安排,再開始正式工作。
SECTION 04 從分層匯入到 Liquid Glass 預覽
正式製作時,請依「匯入、排序、分組、背景、效果、外觀預覽」的順序進行。先讓主體在沒有複雜效果的狀態下保持清楚,再逐步調整折射、透明度、高光和陰影。
Windows 設計師如何製作 Liquid Glass App 圖示?
Windows 端先提供有主次關係的分層素材,Liquid Glass 的視覺調整則在符合要求的 Mac 上完成。Apple 在 WWDC 關於新一代圖示的影片 中說明了設計方向;你應把玻璃效果當作改善層次和材質的工具,而不是把每一種光影全部開到最大。
建議採用以下檢查順序:
- 先確認主體輪廓在簡單背景上仍然容易辨認。
- 再調整圖層順序,避免裝飾覆蓋品牌標誌或文字輪廓。
- 逐項測試折射、透明度、高光與陰影,任何效果若讓主體邊界變模糊,就退回上一個版本。
- 分別查看預設、深色和單色等外觀狀態,記錄哪些圖層在不同背景下失去對比。
- 檢查 iPhone、iPad、Mac 和 Apple Watch 等目標平台的主體位置與裁切,不要只在一個預覽尺寸內判定完成。
外觀模式預覽不是單純的美術展示,它能提前暴露透明圖層、細線和低對比文字的問題。若團隊沒有實際裝置,至少要把預覽結果和設計說明一併交給開發者,並把「遠端顯示差異」與「圖示本身的設計問題」分開記錄。
SECTION 05 交付 Xcode 並完成最後驗收
沒有 Mac 怎麼把 App 圖示交付給 Xcode?
你仍然需要一個可執行 Icon Composer 的 Mac 環境,但不一定要購買本地設備。完成匯入和預覽後,交付給開發者的核心應是可繼續調整的 Icon Composer 工程檔,而不是截圖或單張扁平圖片。
接入流程可按以下里程碑完成:
- 將正式工程檔和素材說明放入交付目錄,清楚標示可交付版本。
- 由開發者依照 Apple 的 Xcode 圖示配置文件 將圖示加入專案。
- 核對新圖示與既有資源目錄的引用關係;若是替換既有圖示,先保留回退副本。
- 在 Xcode 中檢查資源是否指向正確工程檔,再進行建置。
- 由設計師檢查外觀辨識度、裁切、透明效果和層級;由開發者檢查引用、建置結果和目標系統表現。
- 最後依 App Store Connect 的圖示提交說明 核對提交前要求。
Icon Composer 檔案能否匯出普通圖片?
可以把扁平版本作為提案、行銷或溝通素材,但它與工程交付是兩件事。普通圖片保留的是某一個狀態,不能取代可在 Icon Composer 內繼續修改、在 Xcode 中接入的工程檔;因此驗收時應同時保存工程檔和必要的扁平預覽。
依專案條件選擇後續 Mac 環境
- 若只是一次性圖示交付,且 Windows 已有成熟的分層設計流程,則選按專案或短期租用遠端 Mac;否則回退到固定 Mac 工作站。
- 若每週都要反覆調整外觀、頻繁與開發者同步,則選固定保留的遠端 Mac 或本地 Mac;若修改週期很低,無需承擔長期設備成本。
- 若工作重點是非同步匯入、工程交付和跨地點協作,則選遠端 Mac;若需要本地觸控、實體裝置測試或極精細色彩判斷,則選本地 Mac。
- 若團隊尚未確認一個圖示能完整通過匯入、預覽和 Xcode 建置,則先用代表性圖示驗證;不要在流程未穩定前購買長期設備或大量租用時數。
對多數偶發專案而言,Windows 端保留原有創作習慣,再短期取得 Mac 完成交付,比為單一工具購買整台設備更容易控制投入;但高頻迭代團隊仍應把連線中斷、遠端顯示差異和交接管理納入評估。
如果你目前只用 Windows,直接尋找未確認的替代工具,常見問題是 Liquid Glass 預覽不完整、Apple 外觀模式無法按官方流程核對,以及最後仍要請別人替你處理 Xcode 接入。購買一台本地 Mac 則會增加硬體、維護和閒置成本。對只在圖示交付週期內需要 macOS 的團隊,先用 VPSNIX 的 Mac 方案 驗證一個代表性圖示,確認素材上傳、外觀預覽、檔案保存和 Xcode 交付都能重現,再按實際迭代頻率選擇按週或按月使用,通常比盲目購買設備更合理。