SuperAPI AI 工具集

solo-apple-app-icon

设计与创作

查看项目

更新于 10-15 21:46

技能介绍

用途:把应用图标当作构建产物而非手绘作品。iOS 26 的图标不再是扁平 PNG,而是由系统以 Liquid Glass 方式点亮、着色和渲染的分层文档。Icon Composer 手工绘制这些图层,本技能则从品牌原图生成同一文档,使品牌变更时图标可重建,而非凭记忆重画。当图标与应用不一致(标记不同、渐变不同,或九个 PNG 找不到源文件)时使用。

主要能力:从 SVG 中读取色标、viewBox 和路径,拆分图层,写出 icon.json,并通过 ictool 导出全部六种外观:Default、Dark、TintedLight、TintedDark、ClearLight、ClearDark。

使用方式:先找到真实原图,例如用 find 搜索 logo/icon 的 svg、ai、sketch 文件,或 mdfind -name "logo"(Spotlight 关闭时无效,可用 mdutil -s / 检查)。理想源文件是一个已排好版的画板:标记位于其图块上,背景渐变在 linearGradient 中。将其复制进仓库(Resources/logo-source.svg)以保留来源。然后运行:python3 "${SKILL_DIR}/scripts/make_icon.py" --source Resources/logo-source.svg --icon Resources/App.icon --render。接着查看全部六种外观,再在模拟器中与其他图标并排查看:xcrun simctl install <UDID> path/to/App.app 与 xcrun simctl io <UDID> screenshot home.png。接入项目时在 project.yml(XcodeGen)中把 Resources/App.icon 加入 sources,并设置 ASSETCATALOG_COMPILER_APPICON_NAME: App;部署目标低于 26 时保留旧 AppIcon.appiconset 作为回退。

限制与注意:Icon Composer 填充轮廓而忽略描边,圆环需用 evenodd 的环带、弧线需用圆头带;组按从前到后绘制,背景应放最后;fill 属于图层,放在组上会被静默忽略;fill-specializations 在 JSON 中无效(Icon Composer 1.6),逐外观颜色需在 GUI 中设置;颜色须为 display-p3:r,g,b,a 四分量;linear-gradient 只接受两种颜色,三色品牌渐变须画成背景层,代价是系统无法为其调暗;画板已排好版,应 1:1 缩放,仅当声明 watchOS 时才用约 0.9;不要声明未发布的平台。不要从应用代码重画标记,不要在存在矢量时描摹 PNG,不要不看 Dark 外观就发布,也不要把探测脚本留在仓库中。