你有没有过这样的经历：应用功能都开发完了，最后卡在一个小小的图标上，改了十几版还是觉得哪里不对；或者辛辛苦苦画好的图标，传到应用商店却被提示"尺寸不符""圆角不规范""透明通道有问题"。
App 图标看起来只是手机屏幕上的一个小方块，但它其实是用户接触产品的第一个视觉触点，也是应用商店里决定点击率的关键因素之一。更重要的是，它背后有一套相当严格的平台规范和制作流程。今天这篇文章，我们就从设计思路、平台规范、制作流程到常见坑点，把 App 图标制作这件事讲清楚。
一、图标虽小，作用不小
在开始动手之前，先明确一件事：App 图标不是一张"好看的图片"，而是一个承载品牌识别的视觉符号。它的使用场景远比想象中复杂——桌面图标、应用商店列表、搜索结果、通知栏、设置页、分享卡片、甚至线下宣传物料。
这意味着你的图标需要在极端条件下依然可辨认：缩小到 48×48 像素时还能看出是什么，放在一堆花花绿绿的图标中间还能被一眼识别，在深色模式和浅色模式下都不违和。所以图标设计的核心原则不是"细节丰富"，而是简洁、高对比、有辨识度。
- 少即是多：避免过多文字和细碎元素，一个主视觉符号足矣。
- 形状优先：人类对轮廓的识别速度远快于细节，优先打磨外形剪影。
- 色彩克制：主色不超过两到三种，确保小尺寸下依然清晰。
- 避免文字：图标里的文字在小尺寸下几乎必然糊成一团。
二、先搞清楚平台规范，再动手设计
这是很多新手最容易忽略的一步。iOS 和 Android 对图标的尺寸、圆角、安全区域、图层结构都有明确规定，设计时不遵守，后期要么返工，要么被商店拒绝。下面分别说明。
iOS 图标规范要点
iOS 的图标规范近年来变化不小，尤其是 iOS 18 之后引入了深色模式和着色模式（Tinted）图标，一套图标实际上需要准备三种外观。
- 尺寸：App Store 要求提交 1024×1024 像素的图标源文件，系统会自动生成各尺寸变体。开发资源中常见的 @2x、@3x 尺寸（如 120×120、180×180）由系统按需生成，但源图必须足够大且清晰。
- 圆角：不要自己画圆角！iOS 会自动对图标应用系统统一的圆角遮罩。你提交的应该是满幅正方形、不带透明通道的图片，自己加圆角会导致二次裁切后边缘变形。
- 透明通道：App Store 提交的图标不允许包含 Alpha 通道，否则会被拒。导出时务必检查。
- 深色与着色模式：iOS 18 起需要额外提供深色模式图标和单色（Tinted）图层，建议在设计阶段就规划好分层结构，而不是后期硬改。
Android 图标规范要点
Android 的图标体系以自适应图标（Adaptive Icon）为核心，结构上与 iOS 差异明显。
- 双层结构：自适应图标由前景层（Foreground）和背景层（Background）组成，两层都是 108×108 dp 的画布，但只有中间 72×72 dp 是安全区域，外围会被不同厂商的遮罩裁切。
- 安全区域意识：关键视觉元素必须放在中心安全区内，否则在圆形、方形、水滴形等不同遮罩下会被切掉。
- 多密度适配：需要提供 mdpi 到 xxxhdpi 等多套位图，或直接使用矢量资源与自适应图标 XML。
- 主题图标：Android 13 起支持主题化图标（Monochrome 层），建议一并提供单色版本。
三、设计到交付的完整流程
规范清楚了，接下来是实际制作。一个比较稳妥的流程大致如下：
- 第一步：确定视觉概念。从品牌色、核心功能、产品调性出发，画几个黑白草图，先验证剪影是否可识别，再上色。
- 第二步：矢量绘制。优先使用矢量工具（如 Illustrator、Figma）绘制，保证任意缩放不失真，同时方便后期导出多尺寸。
- 第三步：按平台规范搭建画布。iOS 用 1024×1024 满幅画布；Android 按自适应图标的前景/背景分层搭建，并预留安全区。
- 第四步：多尺寸导出与检查。导出各平台所需尺寸，逐一检查圆角、透明通道、色彩空间（建议 sRGB）是否符合要求。
- 第五步：真机预览。把图标装到真机桌面上看效果，这是发现"设计稿好看、实际很小很糊"问题的最有效方式。
四、几个高频踩坑点
最后列几个在实际项目中反复出现的问题，提前避开能省下大量时间。
- 自己加圆角：iOS 和 Android 都会自动裁切，手动加圆角几乎必然出问题。
- 忽略安全区域：Android 自适应图标外围会被裁切，重要元素放太靠边就会"缺角"。
- 透明背景：iOS 图标带 Alpha 通道会被拒审，导出前务必展平图层。
- 只用一种尺寸测试：一定要在最小尺寸下检查可读性，小尺寸糊掉的细节等于不存在。
- 深色模式没做：新系统对深色和着色图标有要求，缺了会影响商店展示效果。
写在最后
App 图标制作看似是设计工作中最简单的一环，实际上它同时考验审美判断、平台规范理解和工程交付的细致程度。一个好的图标，是在 1024 像素的画布上做减法，也是在 48 像素的屏幕上做加法的过程——把品牌最核心的那一点识别度，稳稳地传递到用户眼前。
建议在项目早期就把图标规范纳入设计系统，而不是等到上架前才临时抱佛脚。规范先行，返工自然就少了。