App 图标与上架素材全流程:尺寸、圆角与商店规范

App 准备上架时,图标和截图被拒的理由千奇百怪:圆角不对、带透明通道、截图尺寸是老机型的。这篇把双平台素材规范和生成方法一次理清,上架前对照着过一遍。

一、iOS:一张 1024 走天下,但有三条红线

Xcode 现代工程里应用图标只需提供 1024×1024 一张,系统自动缩放出全部尺寸。但上传 App Store Connect 的图标必须满足:

  1. 不要自己做圆角——iOS 自动加圆角,你交直角方形图;
  2. 不允许透明通道——PNG 带透明会被直接拒绝,导出时确认背景填实;
  3. 不要有 iOS 系统元素——相机、iPhone 外形等苹果私有图形不能用。

设计上留出安全边距:图形主体占画布 60%–70%,缩小到 60×60(设置页尺寸)仍要能认出是谁。很多精美大图缩到小尺寸后只剩一团色块,验收方法就是导出后缩小看一眼。

二、安卓:自适应图标是两层图

Android 8.0 起要求自适应图标:前景层(图形)+ 背景层(纯色或渐变),各提供 108×108dp,其中外圈会被不同机型裁成圆形、圆角方、水滴形等——所以关键内容必须放在中央 66dp 安全区内。Google Play 商店页另需一张 512×512 PNG(可圆角可直角,与 iOS 图标不同,这个允许设计圆角)。

三、启动图与商店截图的尺寸族谱

最容易出错的是 iOS 启动图:不同设备族要求不同分辨率,全面屏 iPhone 走 storyboard 方案后工作量骤减,但若兼容旧机型仍需补齐历史尺寸。商店截图方面,App Store 按 6.5 英寸(1242×2688)与 6.9 英寸等档位提供,**注意 6.5 英寸的准确分辨率是 1242×2688**,用错会被静默缩放导致模糊。

四、图标设计的三个实用原则

  1. 单一剪影:图标在小尺寸下只保留一个视觉主体。判断方法是眯眼看 60×60 的缩略图——还能认出是什么,就合格;认不出就删细节。背景渐变可以华丽,主体必须简单;
  2. 两到三个颜色:小尺寸下多于三个主色会糊成一片。选一个品牌主色打底,主体图形用一两个对比色,文字类图标(如工具首字母)注意笔画粗细不低于画布宽度的 6%,否则细线在低分屏上消失;
  3. 测试三个环境:设计完分别在「深色壁纸」「浅色壁纸」「文件夹堆叠」三种环境下截图查看。很多在白色画布上完美的图标,放到黑色壁纸上会出现隐形边缘或脏边。

流程建议:先出 1024 母版 → 缩小验收 → 再生成全套尺寸。反过来「先画小图再放大」会导致大尺寸下细节空洞,返工率高。

🎨 苹果 icon 制作 与 安卓 icon 制作:上传一张原图,自动生成双平台全套尺寸并打包下载,透明背景自动检查;上架宣传图用 商店宣传图制作。

常见问题

问:图标被拒说「与既有 App 相似」怎么办?
审核认定图形结构与知名 App 混淆。改设计而非申诉——除非你能证明拥有该图形的商标权。

问:安卓各厂商桌面圆角不一致,图标边缘被裁怎么办?
这正是自适应图标存在的原因:把图形收进中央安全区,让背景层延伸到边缘,裁剪就永远不会切到主体。