TL;DR：Icon Composer 是 Apple 官方的分层图标编辑器——把图标拆成背景、中间层、前景、余量四层，即可在 iOS 与 macOS 上获得液态玻璃光照、动态高光与视差效果。本文覆盖导入、分层、预览、导出全流程，以及它如何与本站的尺寸速查表和真机预览配合。
为什么现在值得用 Icon Composer
iOS 26 起系统界面全面转向液态玻璃语言：图标不再是一张静态圆角方图，而是一组可被光照、折射与运动影响的图层。用 Icon Composer 做的分层图标会在控制中心、锁屏、Siri 等场景自动获得动态效果；静态图标则被系统「压平」后套用统一材质，观感会明显更平。
本站改版研究也观察到了对应信号：近期改版的应用中，高光与玻璃质感图层的使用比例在上升。
四层结构：每层放什么
| 图层 | 职责 | 要点 |
|---|---|---|
| 背景 Background | 底色、渐变、环境 | 最简单的一层，铺满画布 |
| 中间层 Middle | 次级图形、装饰 | 可省略；有折射要求时才加 |
| 前景 Foreground | 主符号、文字 | 视觉焦点，避免细碎元素 |
| 余量 Margin | 边缘保护带 | 关键内容不进最外圈，防裁切 |
与 Android 自适应图标的「画布 + 安全区」思路一致：余量层就是 iOS 版的安全区。如果你已经按本站尺寸速查表做过 Android 适配，分层心智可以直接迁移。
从设计稿到分层图标
- 在 Figma / Sketch 里按层分组设计（不要合并图层），画布 1024×1024
- 逐层导出 PNG（透明背景），拖入 Icon Composer 对应图层槽位
- 调材质：对每层选择玻璃强度、高光强度与边缘处理，实时预览
- 在预览面板切换浅色 / 深色 / 单色（tinted）三种模式逐一检查
- 导出：一份分层图标文件交给 Xcode，或导出全尺寸 PNG 走传统流程
与本站工具的配合
统计方法与口径
本页统计基于图标库收录的 107,481 个真实上架应用图标（App Store，评分人数 ≥ 100），数据为构建时快照；收录持续更新，数字会随重建小幅变化。
色彩归类：对每个图标取 16×16 采样的平均色调，与 10 个基准色做最近邻匹配；深浅与饱和气质按 HSL 阈值划分。所有统计在服务端一次完成，不涉及任何用户数据。
常见问题
Icon Composer 是免费的吗？需要什么设备？
免费，随 Apple 开发者工具分发，在 Mac 上运行。没有 Mac 的话，可以先用本站 AI 图标生成出稿，再借一台 Mac 完成分层与导出，或继续用传统静态 PNG 流程——两种路线 App Store 都接受。
分层图标是必须的吗？
不是必须。提交静态单层 PNG 依然过审。但液态玻璃效果（光照、分层运动）只有分层图标才能获得，系统会为分层图标自动生成动态高光与视差，静态图标则始终保持平面。
从 Figma 怎么进 Icon Composer？
把图层导出为独立 PNG/SVG，按背景、中间层、前景、余量四组拖进 Icon Composer 的图层列表即可。保持各层画布尺寸一致（1024×1024），层与层之间不要在导出时合并。
