第一步:定符号(避开被用烂的)
先确定类目的「符号基线」:本站对热门应用的 AI 视觉打标显示,健康类高频符号是爱心、金融类是货币与盾牌、相机类是镜头图形。跟随基线认知成本低,但符号本身尽量选基线之外的变体——爱心满街跑,爱心的负空间变体就少得多。
一个可执行的检查:把候选符号在本站按类型搜索,看前 50 个真实应用里有多少在用同款符号。超过一半的放弃或做负空间重构。
第二步:选色系(看类目数据)
各类型的主导色差异很大:金融类近八成落在蓝紫色系,美食类偏红橙,社交类冷暖各半。主导色是「用户预期安全区」,差异化配色要保留符号语义再换色。具体数字见类型灵感矩阵与配色统计两篇。
第三步:画主稿(1024 无透明)
方形满幅、关键元素向中心收拢 8%-10%、不要预切圆角、不要放完整单词。用 2-3 层结构(背景色/符号/高光)保持可编辑性。AI 辅助:本站 AI 图标生成支持六种风格 + 参考图标改稿,适合快速铺出候选稿。
第四步:48px 检查(生死线)
把候选稿统一缩到 48px 平铺比较:仍能一眼认出符号与配色的才保留。大多数「大图很好看」的稿子死在这一步——细节过多的渐变、双符号并置、细描边都会在小尺寸糊掉。
第五步:真机预览
放进真实场景看:iOS 主屏幕(圆形遮罩 + 壁纸干扰)、Android(方圆遮罩)、应用商店列表页(与竞品并排)。本站的 App 图标预览工具提供 iOS / Android / Web 多视图,可以直接上传候选稿对比。
第六步:批量导出
统计方法与口径
本页统计基于图标库收录的 107,481 个真实上架应用图标(App Store,评分人数 ≥ 100),数据为构建时快照;收录持续更新,数字会随重建小幅变化。
色彩归类:对每个图标取 16×16 采样的平均色调,与 10 个基准色做最近邻匹配;深浅与饱和气质按 HSL 阈值划分。所有统计在服务端一次完成,不涉及任何用户数据。
常见问题
没有美术基础能做出可用的图标吗?
可以。现代流程里形状与配色的「正确答案」高度可预测:跟住类型基线(参考本站类型灵感矩阵),用 AI 生成工具快速出稿再人工收敛细节。本站的 AI 图标生成支持参考现有图标改稿,适合从零起步的独立开发者。
图标里要不要放文字?
除品牌首字母外不建议。真实样本中完整单词命名的图标辨识度反而更差——图标在小尺寸下文字会糊掉,首字母徽章是文字的合理上限。
做几稿候选比较合适?
建议 3-5 稿横评:2 稿跟随类型基线、1-2 稿差异化配色、1 稿极简变体。全部缩到 48px 再比较——大多数淘汰发生在小尺寸。

