App 图标只交付一个母版——1024×1024 的 PNG、完全不透明、正方形——然后 Apple 用这一个文件生成横跨 iOS、iPadOS、watchOS、macOS 的十一种尺寸(截至 2026 年 6 月,依据 Apple 人机界面指南)。难的是小尺寸:标准密度首屏的 60×60、通知里的 40×40。任何在 40×40 下读不出来的细节都是装饰。下面这些 Prompt 把图标钉在三条最能扛住 Apple 圆角方形蒙版和 Android 自适应蒙版的约束上:单一主体、强对比、不放文字。
TL;DR
- 先在 1024×1024 出方向,再缩到 40×40 和 60×60。这一缩才是真正的测试。
- 一个名词、一个主色、不放任何文字。文字在图标尺寸下永远读不出来。
- 出栅格草稿用 GPT Image 2 或 Gemini(Nano Banana Pro);要可编辑、接近量产的 SVG,用 Recraft——它返回真正的矢量路径,而不是把栅格图包进 SVG。
- 主体留在中央。Apple 用圆角方形蒙版切边角,Android 只保证 108dp 画布中央的 66dp 区域不被裁。
这套 Prompt 适合用在哪
- iOS / Android 发布图标(App Store 列表页 + 首屏)
- 需要在浏览器 tab 里读出来的 PWA 图标与 favicon
- 设计系统内部工具的图标
- 委托设计师之前先探索方向
Prompt 模板
把每个 [方括号] 占位符替换成一个具体值。不要叠加两个风格锚点——扁平加渐变在小尺寸下会显得不一致。
强形状
iOS app icon concept, single bold geometric shape, gradient [color], rounded square frame, no text, high contrast, must read clearly at 40x40
符号 + 色
app icon concept, simple symbol of [concept] in white, vivid [brand color] background, rounded square, flat, must work at 60x60
负空间方向
iOS app icon concept, negative-space silhouette of [concept], two-color flat fill ([color] and [accent]), rounded square frame, no text, reads at 60x60
套用前先准备好这些变量
- 概念名词:图标代表的事物(一本本子、一道波、一群人)。只放一个。
- 品牌色:一个 hex 值,再加一个用于负空间变体的辅色。
- 画框:Apple 会套圆角方形蒙版,所以别自己倒圆角。Android 按启动器不同可能是圆形、圆角方形或水滴形——出正方形母版,两种蒙版都检查。
- 风格锚点:扁平、渐变或字形,三选一。
哪个工具配哪一步
工作分两段:探索方向(栅格够用)和产出最终图标(要矢量)。截至 2026 年 6 月:
| 工具 | 输出 | 在这里的最佳用途 | 备注 |
|---|---|---|---|
| Recraft | 原生 SVG 矢量 | 最终可编辑图标 | 免费档每天 50 积分、仅限个人;Basic $10/月可商用 |
| GPT Image 2(ChatGPT) | 栅格 | 快速扫方向 | 含在 ChatGPT Plus($20/月);文字渲染稳,但图标里仍然不要放字 |
| Gemini / Nano Banana Pro | 栅格 | 大批量出变体 | Google AI Pro $19.99/月;几秒出 4K |
| Midjourney v7 | 栅格 | 探索质感与配色 | 审美最强;对精确几何图形最难控 |
这份名单里只有 Recraft 能从 Prompt 直接返回真正可编辑的矢量路径,所以定了方向之后就用它。更广的模板集见 Logo & App 图标 Prompt;做完整视觉系统见 图像风格一致性教程。
怎么继续打磨
按 Apple 提交尺寸 1024×1024 渲染,再立刻缩到 60×60 和 40×40。如果图标糊了,就简化形状、提升对比。把它放到真实的首屏壁纸上测试(浅色 + 深色),并贴着相邻应用色块看,确认它在真实环境里仍能守住边缘。Android 这边,把前景放进 108×108dp 画布,确认所有重要元素都落在中央 66dp 的安全区圆里——蒙版会裁掉圆外的任何东西。
容易踩的坑
- 图标里有字——40×40 一定读不出来,而且会和下方的应用名打架。
- 细节太多(渐变里嵌渐变、细密图案),一缩就垮。
- 主体与背景对比度太低。
- 主体太靠近边角,被 Apple 圆角方形蒙版和 Android 蒙版切掉。
- 模仿某款应用的标识或系统图标(相机、设置齿轮)。Apple 审核团队会标记 lookalike。
FAQ
到底提交什么尺寸? 一个 1024×1024 的 PNG,完全不透明、严格正方形、不带 alpha 通道。截至 2026 年 6 月,Apple 会自动生成其它尺寸(小到 40×40)并套圆角方形蒙版,所以别自己倒圆角。
要不要在深色壁纸上测试? 要——浅色和深色首屏都测,并贴着相邻应用色块。很多在白底下好看的图标在真实壁纸上反而会糊。
Android 需要单独的自适应图标吗? 需要。提供 108×108dp 的前景层和背景层,并把图形保持在中央 66dp 安全区内,因为启动器蒙版只保证这个内圈区域。
AI 图像工具能直接出最终量产图标吗? 探索阶段可以,最终文件请用矢量工具。Recraft 是例外——它直接输出可编辑的 SVG 路径,比 GPT Image 2 或 Gemini 的栅格导出更接近量产。
发布之前
Apple 与 Google 会拒绝抄袭其他品牌、使用你不拥有的商标、或模仿系统形状(相册、设置齿轮)的图标。提交前请核对最新的 Apple 人机界面指南——App 图标。详见 免责声明 中关于 AI 图像输出与平台规则的说明。
相关
- Logo & App 图标 Prompt:更广义的图标与 Logo 库
- Logo 主形 Prompt:与图标搭配的 Logo 主形方向
- 视觉风格一致性 Prompt:让图标各变体在视觉上统一
- 图像风格一致性教程:完整的视觉系统教程
- 生活方式品牌 Logo Prompt:10 个精品标识模板
- 科技创业 Logo Prompt:10 个现代字标模板
标签: #App 图标