苹果 Icon Composer 使用指南：怎么用，没有 Mac 怎么办

iOS 26 带来了 Liquid Glass 图标语言,也带来了配套的新工具 Icon Composer: 苹果第一个官方的分层图标编辑器。这篇讲清楚它是什么、素材怎么准备、哪些设置要调、 怎么把 .icon 文件放进 Xcode,以及没有 Mac 时的替代做法。

Icon Composer 是什么

过去 iOS 图标是一张静态 PNG,系统怎么渲染你说了不算。Icon Composer 改变了这件事: 你把图标拆成多个图层交上去, 系统在深浅模式、明暗切换、按下按压时对图层做玻璃折射、高光和运动, 生成会「呼吸」的 Liquid Glass 图标。它输出的格式是 .icon 文件——苹果专为分层图标设计的容器。

去哪里下载

免费,但只在 Mac 上跑: 从 Apple Developer 网站的下载页搜 「Icon Composer」,或随 Xcode 26 一起装。 系统要求 macOS 15 以上。没有付费开发者账号也能用——它只是个编辑器。

先准备好素材

Icon Composer 不帮你画,它帮你「分层」。开工前把素材按层拆好:

• 底层 1:背景——铺满整个画布的底色或底图;
• 底层 2:主体——标志性的形状或吉祥物,边缘干净;
• 顶层 3(可选):玻璃盖片——希望有折射高光的区域,单独一层。

每层都是透明背景 PNG,画布统一(推荐 1024×1024)。层数最多六层,但多数好图标三层足够—— 层越多,系统玻璃效果越难控制。

Icon Composer 怎么用

拖入图层后,左侧是图层列表(可拖拽排序),中间预览区可以切 iPhone/iPad/Mac/Watch 各形态, 右侧是效果参数。重点调三样:

• Specular(镜面高光):顶层玻璃片对光线的反应强度,默认值通常偏弱;
• Dim/Blur(明暗与模糊):深浅模式下背景层的处理,保证白底图标在浅色模式下不糊;
• 各平台预览:同一个 .icon 在桌面小尺寸下的细节留存——顶层的玻璃效果在 60px 下可能变成噪点,该减就减。

把 .icon 文件放进 Xcode

导出的 .icon 文件直接拖进 Xcode 的 Assets 目录,和原来的 AppIcon 并排存在。 然后在 target 的 General → App Icons 里选这个 .icon 资源。构建时系统自动处理各尺寸。 旧的 AppIcon 资产目录可以保留——未升级 .icon 前它仍是回退。

和原来的 AppIcon 对比

一句话:AppIcon 是一张图,Icon Composer 是一个分层工程。 单层 PNG 在 iOS 26 上依然能用,系统会尝试给你的图标套通用玻璃处理——但那是「帮你套」, 折射和高光出现在系统觉得合适的地方,细节不可控。想精确控制 Liquid Glass 的表现,只有 .icon 一条路。

没有 Mac 怎么办

实话实说:.icon 文件目前没有官方的 Windows/Linux 工具链,Icon Composer 也没有网页版。 没有时的现实做法:

• 先把分层素材备好(背景/主体/玻璃盖片三张透明 PNG)—— 用AI 图标生成器出主体,再在任意设计工具里拆层;
• 用素材包生成器把 1024 原图打包成 iOS 全套 PNG,先按老 AppIcon 通道上架——单层图标在 iOS 26 完全合法;
• 等拿到 Mac(或借一台)再用 Icon Composer 组层,升级成 .icon 分层图标——素材都在,半小时的事。

诚实说明:我们自己的导出工具目前输出的也是 PNG 全套,不生成 .icon 文件; 等苹果开放跨平台工具链或提供网页版,我们会第一时间跟进。