一个 App 图标会以 60×60 出现在 App Store、首屏、Spotlight 和通知堆叠里。任何在这个尺寸下不可读的细节,都是装饰。本页 Prompt 把图标钉在三个约束上:单一主体、强对比、不放文字——这三条最能扛住 Apple 和 Google 的缩放管线。
这套 Prompt 适合用在哪
- iOS / Android 发布图标(App Store + 首屏)
- 需要在浏览器 tab 里读出来的 PWA / favicon
- 设计系统内部工具的图标
- 委托设计师之前先探索方向
强形状
iOS app icon concept, single bold geometric shape, gradient {color}, rounded square frame, no text, must read clearly at small sizes
符号 + 色
app icon concept, simple symbol of {concept} in white, vivid brand color background, rounded square, must work at 60x60
负空间方向
iOS app icon concept, negative-space silhouette of {concept}, two-color flat fill, rounded square frame, no text, reads at 60x60
套用前先准备好这些变量
- 概念名词:图标代表的事物(一本本子、一道波、一群人)。只放一个。
- 品牌色:一个 hex,加一个用于负空间变体的辅色。
- 画框:Apple 用圆角方形蒙版,Android 可以是圆形——两种都出。
- 风格锚点:扁平 / 渐变 / 字形。混两种在小尺寸下会显得不一致。
什么时候用这套 Prompt
适合在设计师定稿之前的第一轮图标方向探索。更广义的图标 / Logo 库请看 Logo & App 图标 Prompt;做完整视觉系统请看 图像风格一致性教程。
怎么继续打磨
按 Apple 提交尺寸 1024×1024 渲染,再立刻缩到 60×60——这才是真正的测试。如果图标糊了,就简化形状、提升对比。把图标放到真实的首屏壁纸上测试(浅色 + 深色),看它与相邻应用品牌色的”肩对肩”效果。
容易踩的坑
- 图标里有字——60×60 一定读不出来
- 细节太多(渐变里嵌渐变、细密图案)
- 主体与背景对比度太低
- 主体太靠近边角——iOS 圆角方形蒙版会把它切掉
- 试图模仿某款已发布的图标(Apple 审核团队会标记 lookalike)
实操加深
使用这些 prompt 时,不要只替换一个主题词就直接交付。围绕「App 图标方向 Prompt:60×60 下仍立得住」先补齐受众、渠道、长度、语气、参考样例、禁止样式和成功标准,再让模型输出 2 个不同版本做横向比较。好的结果应该能被另一个人直接复用,而不是只有顺滑但空泛的表达。
如果输出看起来像通用模板,下一轮要增加一个真实场景、一个反例和一个可检查指标,例如点击率、转化动作、字数、平台限制或品牌禁区。这样改出来的内容才更像可用资产,而不是一次性的灵感草稿。
FAQ
要不要在深色壁纸上测试? 要——浅色和深色首屏都测,并放在相邻应用色块旁边。很多在白底下好看的图标在真实壁纸上反而会糊。
Android 需要单独的 adaptive icon 吗? 需要。在中央设计安全区,让系统蒙版裁剪边缘。
AI 图像工具能直接出最终量产图标吗? 用它出方向,不要用它出量产文件。量产图标的像素对齐由矢量工具处理更稳。
发布之前
Apple 与 Google 会拒绝抄袭其他品牌、使用你不拥有的商标、或与系统形状(相册、设置齿轮)相似的图标。提交前请核对最新审核指南。详见 免责声明 中关于 AI 图像输出与平台规则的说明。
相关
- Logo & App 图标 Prompt:更广义的图标与 Logo 库
- Logo 主形 Prompt:与图标搭配的 Logo 主形方向
- 视觉风格一致性 Prompt:让图标各变体在视觉上统一
- 图像风格一致性教程:完整的视觉系统教程
- 生活方式品牌 Logo Prompt:10 个精品标识模板
- 科技创业 Logo Prompt:10 个现代字标模板
标签: #App 图标