做 App 的人都知道，用户第一次“认识”你的产品，往往不是通过功能，而是通过那个躺在手机桌面上的小图标。它只有几十像素见方，却要在几秒内传递品牌气质、功能属性，还要在成百上千个图标中被一眼记住。很多团队把大量精力花在界面和交互上，却在图标这一环草草了事，结果就是产品做得不错，下载转化率却上不去。
这篇文章不聊玄学，只讲方法。从设计原则、制作流程到多尺寸导出和常见坑，帮你把 App 图标这件事一次做对。
一、先搞清楚：图标到底在承担什么任务
App 图标不是一张插画，它更像一个“视觉商标”。它的核心任务有三个：
- 可识别：用户能在 1 秒内从图标联想到你的产品是做什么的。
- 可记忆：有独特的形状、色彩或符号，让人看过之后还能想起来。
- 可缩放：从 1024×1024 的商店大图，到通知栏里 24×24 的小图标，都要清晰可辨。
理解这三点，后面所有的设计决策就有了判断标准。很多图标失败，不是因为不好看，而是因为在小尺寸下糊成一团，或者在同类产品中毫无辨识度。
二、设计前的三件事：定位、竞品、规范
第一，明确产品定位。工具类产品通常需要更克制、更符号化的图标；社交、娱乐类可以更活泼、更有情绪；金融、医疗类则要传递信任感，色彩和造型都偏稳重。图标是品牌调性的第一印象，别等到视觉规范做完才回头补。
第二，做竞品图标扫描。把应用商店里同类 Top 20 的图标截下来拼在一起看。你会发现大量图标集中在某几种颜色和造型上——这恰恰是你的机会。避开“红点+白色符号”这类烂大街的组合，找到差异化的视觉锚点。
第三，吃透平台规范。iOS 和 Android 对图标的要求并不相同。iOS 的图标是圆角矩形，系统会自动裁切，所以设计稿必须是满幅方形，不能自己画圆角；Android 则采用自适应图标（Adaptive Icon），需要分别提供前景层和背景层，系统会根据不同厂商的裁切形状进行适配。这些规范在 Apple Human Interface Guidelines 和 Material Design 文档里都有详细说明，动手前务必过一遍。
三、设计执行的四个关键点
1. 形状：简单优先，轮廓说话
图标在桌面上的实际显示尺寸通常只有 60pt 左右，细节会被大量吃掉。因此造型要尽量几何化、轮廓明确。一个有效的检验方法是：把图标缩到 32×32，如果还能看出是什么，说明形状过关；如果变成一团色块，就要简化。
2. 色彩：少即是多，对比要够
建议主色不超过两种，背景与主体之间保持足够的明度对比。深色背景配亮色主体，或者浅色背景配深色主体，都是稳妥的选择。渐变可以用，但要克制——小尺寸下渐变容易显得脏，纯色或微渐变往往更耐看。
3. 符号：一个就够，别贪心
新手最容易犯的错，是把太多元素塞进图标：既有字母，又有图形，还有装饰线条。结果是信息过载，什么都记不住。成熟的图标通常只有一个核心符号，比如一个信封、一个音符、一个几何字母。如果品牌名首字母有辨识度，字母本身就是很好的符号。
4. 留白：给图标呼吸的空间
主体元素不要顶到画布边缘，四周留出安全边距。iOS 图标虽然是满幅方形，但视觉重心要居中，边缘留白能避免系统裁切后主体被切掉。一般建议主体占画布的 60%–70%，具体视造型而定。
四、制作与导出：多尺寸适配的正确姿势
设计稿通常以 1024×1024 为基准，使用矢量工具（如 Figma、Sketch、Illustrator）绘制，保证放大缩小不失真。导出时需要注意：
- iOS：提供 1024×1024 的 App Store 图标（无圆角、无透明通道），以及各设备所需的 @2x、@3x 尺寸。Xcode 的 Asset Catalog 可以自动生成大部分尺寸，但源文件必须是满幅方形。
- Android：提供自适应图标的前景层和背景层，各 108×108dp，其中安全区为 66dp 直径的圆形范围，重要元素必须放在安全区内。同时提供传统图标作为兜底。
- 其他场景：通知栏小图标（Android 为单色）、网页 favicon、启动页 Logo、应用商店截图中的图标展示等，都需要单独检查清晰度。
导出后一定要做“真机测试”：把图标装到手机上，放在真实桌面环境中看，而不是只在设计软件里看。桌面壁纸的深浅、周围图标的风格，都会影响你的图标是否突出。
五、常见坑与避坑建议
- 直接画圆角：iOS 会自动裁切，自己画圆角会导致边缘出现白边或二次裁切。
- 使用透明背景：App Store 图标不允许透明通道，提交时会被拒。
- 文字过多：图标里塞入完整单词，小尺寸下根本看不清，符号化才是正解。
- 忽视深色模式：iOS 18 起支持图标外观变体，提前规划深浅两套配色会更从容。
- 只做一版就定稿：建议至少出 3–5 个方向，放到竞品图标墙里对比，再做选择。
六、写在最后
App 图标制作看似是“小活”，实则是品牌视觉的第一道关口。它不需要多复杂，但需要想清楚：你的产品想被记住的是什么？把这个答案浓缩成一个符号、一种颜色，再经过小尺寸检验和多平台适配，一个合格的图标就诞生了。
下次更新版本时，不妨回头看看自己的图标——它是否还经得起 1 秒识别、3 秒记忆的考验？如果答案模糊，也许就是该重做的时候了。