文章目录
- 快速导航
App图标设计规范完整版：iOS/Android双平台避坑指南
做了一年的App，我发现最让人后悔的事，不是功能没做全、不是上线太晚，而是——图标太丑了。
说句扎心的：用户还没点开你的App，就已经因为图标在心里给你打了个分。这个分一旦低了，下载转化率直接打8折。
今天不聊玄学审美，就聊实打实的App图标设计规范和避坑指南，你照着做，至少不会出错。
为什么图标比你想的重要？
数据不会骗人。根据Store Maven的A/B测试研究：
- 72% 的用户会根据图标外观判断是否下载
- 一个糟糕的图标会让转化率下降 30-50%
- App Store里，用户平均停留时间只有 0.5秒 决定滑走还是点进去
你的图标，就是你的0.5秒。
iOS App Icon 设计规范（苹果标准版）
苹果的图标规范相对严格，但好处是——你只要照着做，就不会出错。
基础尺寸要求
| 设备 | 主屏幕图标尺寸 | 所需 @3x 素材 |
|---|---|---|
| iPhone | 180×180 px | 540×540 px |
| iPad Pro | 167×167 px | 501×501 px |
| iPad mini | 120×120 px | 360×360 px |
| App Store | 1024×1024 px | 原图尺寸 |
必须遵守的苹果规则
-
圆角半径：不是你想圆多少就圆多少。苹果有固定的圆角计算公式：
- 1024×1024 的图标，圆角半径约 176px
- 建议用 Sketch/Figma 的 App Icon 模板，自动生成正确圆角
-
不要使用透明背景：图标必须有实手背景色，不能透明
-
避免违规元素：
- 苹果logo（那是他们的）
- 设备模型（手机壳、iPhone轮廓）
- 其他App的logo或UI元素
- 色情或暴力内容
-
留安全边距：图标边缘 10-15% 的区域不要放核心元素，防止被圆角切掉
Android App Icon 设计规范（Google Play版）
Google的要求相对灵活，但也有雷区。
adaptive icon 尺寸（Android 8.0+）
| 尺寸类型 | 尺寸 |
|---|---|
| Launcher icon | 48×48 dp |
| Play Store listing | 512×512 px |
| foreground image | 108×108 dp |
| background color | 108×108 dp |
关键区别
- Android 支持 adaptive icon（自适应图标），可以让不同 Launcher 呈现不同形状
- foreground 和 background 必须分离
- Google Play 商店图需要 512×512 px，无圆角要求
设计师和开发者最容易踩的5个坑
坑1：图标和App内容不搭
这是最常见的错误。你的App是个记账软件，图标却画了一只猫——用户下载后发现功能跟猫没关系，卸载率直接飙升。
正确做法：图标要传达App的核心功能或品牌调性，即使不认识字也能猜到是做什么的。
坑2：颜色太花哨/太灰暗
- 红色+橙色的冲击感太强，看久了刺眼
- 全灰色系显得廉价、没存在感
- 最好选择 2-3个主色，整体协调
配色建议：参考 App Store 热门App，用 蓝/绿/橙 的相对安全，避开大红大紫。
坑3：文字太多/太小
图标上放大段文字？在大屏手机上可能看清，但在小屏手机上直接糊成一片。
原则：图标上不要有可读文字，纯图形表达。如果必须加文字，做成 App Name。
坑4：细节太多，缩小后糊成一块
设计师在大屏上看很精致，但缩小到 180×180 就变成了一团糊。
自测方法：把你的图标缩到 60×60 像素，放在纯白和纯黑背景上，看看还能不能认出是什么。
坑5：只做一套图标就上线
很多开发者做完 iOS 图标就以为完事了，结果上架 Google Play、华为、小米时发现格式不对、尺寸不符、白边等各种问题。
正确流程：
- 先确定 1024×1024 的原图
- 用工具自动生成所有尺寸
- 上传前在目标市场真机测试
一个偷懒又专业的方案
说了这么多规范，有没有一种方法，不用懂设计也能做出合规的图标？
有的。用 应用截图工坊 的 App Icon 生成器：
- 输入 App 名称和行业类型
- 选择配色方案
- 自动生成符合 App Store + Google Play 双平台规范的图标
- 支持导出所有尺寸，一键打包下载
做出来的图标不保证惊艳，但绝对合规、不会因为图标问题被拒。对于独立开发者来说，这已经是80分的起跑线了。
自检清单
发布前，用这个清单过一遍：
- 1024×1024 原图是否准备？
- 所有设备尺寸是否生成？
- 缩小到 60px 是否能辨认？
- 背景是否实心（非透明）？
- 是否包含违规元素（苹果logo、设备模型等）？
- 在真机上预览过吗？
全部打勾，再上架。
总结一下：图标设计规范就那么多，苹果和Google的要求白纸黑字写在那儿。照着做，不难。难的是——意识到图标重要这件事本身。
很多独立开发者把90%的时间花在功能开发上，留给图标的时间只有半小时。这种投入产出比，一目了然。
建议把这篇文章收藏，上架前对照检查一次。别让一个图标，毁掉你半年的开发成果。