所有应用
GetIconGetIcon提取 Mac 应用的 icon 文件macOS查看详情 →

想看看 macOS 官方应用的漂亮图标，到底是怎么做的

漫画：对 Mac 图标产生好奇，想看看小小图案背后的制作方式。

于是做了 GetIcon，从 App 的图标资源重建 .icon 工程，打开看看。

↓ 下载
只有 PNG，看不到图标是怎么构成的。

想研究 macOS 应用图标的设计，但 PNG 看不到里面的图层和素材。

GetIcon 可以从 App 的图标资源中重建 .icon 工程，用 Icon Composer 打开研究。

  1. 1. 拖入 App 或 Assets.car

    自动识别其中的图标资源。

    GetIcon 的导入界面，等待拖入 App 或 Assets.car。

  2. 2. 勾选图标，导出 .icon

    重建图层、素材和可恢复的外观设置；部分原始设置可能无法完整恢复。

    GetIcon 识别出的 Safari 图标，以及选择图标并导出的界面。
拆开图层，才看懂那些漂亮的细节。

用 Icon Composer 查看图层和素材。

也可以调整恢复出的外观设置，继续编辑。

  1. 3. 用 Icon Composer 打开

    查看图层与素材，调整外观，继续研究。

    Safari 图标工程在 Icon Composer 中打开，可查看分层素材和外观设置。
看懂官方做法，再设计自己的图标。

自己设计图标时，也有了参考。

看看官方图标怎么分层、怎么设置光影。

↓ 下载继续看看其他应用 ↗