App 图标方向 Prompt:60×60 下仍立得住

用 AI Prompt 探索 App 图标方向,扛得住 Apple 的圆角方形蒙版与 Android 的 66dp 安全区——单一主体、强色、不放文字。

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 图像输出与平台规则的说明。

相关

标签: #App 图标