App Icon Gallery
测试工具设计专栏图标对比
App Icon Gallery

收集 App Store 上的精美应用图标,为设计师和开发者提供灵感参考。

设计指南与专栏

  • ✨ 2.0 新特性全览
  • iOS 18 图标设计全规范
  • Google Play 图标规范
  • 如何选择应用图标风格
  • 24px 微缩尺寸设计法则
  • 全部专栏文章→

按风格浏览

  • 极简
  • 渐变
  • 扁平
  • 立体
  • 拟物
  • 玻璃拟态
  • 插画
  • 线框

按颜色浏览

  • 蓝色
  • 紫色
  • 粉色
  • 红色
  • 橙色
  • 黄色
  • 绿色
  • 黑色

工具与资源

  • iOS 18 图标测试器
  • 图标对比
  • 我的收藏
  • 常见问题
  • API 文档
  • 关于本站
  • 联系我们
  • 隐私政策
  • 服务条款

© 2026 App Icon Gallery. 保留所有权利。

build: 20261015-232838

  1. 首页
  2. 设计工具
  3. iOS 18 图标测试器

iOS 18 图标测试与实时预览器

上传你的应用图标草案,实时预览在 iOS 18 浅色、深色、着色 (Tinted) 模式、多尺寸清晰度阶梯、主屏幕桌面及 App Store 搜索列表中的视觉穿透力。

使用说明与常见问题 ↓

这个工具解决什么问题

一个应用图标要在几百毫秒内被判断,尺寸比邮票还小,背景是你无法控制的壁纸,旁边还挤着几十个竞品。在设计软件里 1024 像素画板上看起来很出色的作品,缩到 40 像素可能糊成一团,放在深色壁纸上可能消失,iOS 加上圆角之后主体也可能被裁掉。iOS 18 图标测试器让你在提交构建之前把这些问题都检查一遍:上传一张草稿,就能看到用户真正遇到它时的样子。

工具完全在浏览器里运行。你载入的图片只是在本机的画布上绘制,用于预览和导出,不会发送到服务器,所以可以放心试用尚未发布的作品。

浅色、深色与着色三种外观模式

从 iOS 18 开始,主屏幕图标有三种呈现方式:默认的浅色外观、深色外观,以及着色外观——系统会用用户选择的单一色相给图标重新着色。测试器为这三种模式都提供了切换。浅色与深色会把你的图标放在对应的背景上,方便检查对比度,也能发现那些依赖纯白或纯黑填充、换了背景就消失的元素。

着色模式是在你图标的灰度渲染之上叠加一个着色。你可以选择预设颜色,也可以输入任意十六进制色值。请注意这只是近似,并非 Apple 的精确颜色映射:它适合用来发现色阶过于平坦、承载不了着色的设计,但不能替代在真机或 Xcode 中的最终确认。

可以预览什么

  • iPhone 16 Pro 主屏幕模拟:把你的图标放进一排邻居之中,并可选择壁纸,让你在真实屏幕的节奏里判断它。
  • Retina 多尺寸阶梯:同一个图标按递减尺寸排开,直到通知、设置列表、菜单栏里使用的微小尺寸。如果 40 像素时剪影已经消失,就该简化内部细节。
  • App Store 竞品环境:把图标放在搜索列表和榜单条目旁边,看它是否与邻居有区分度,而不是看起来像复制品。
  • 方案 A/B 盲测:载入两版草稿,用空格键在它们之间瞬切。原地切换是看出目光先落在哪一个上的最快、也最诚实的方法。

导出 Xcode 资产包

点击「导出 Xcode 资产包」会基于你载入的图片打包一个 ZIP。其中的 iOS 文件夹里是 AppIcon.appiconset:覆盖 iPhone 与 iPad 的 20、29、40、60、76、83.5 pt 各档所需倍率的 18 个 PNG 槽位,加上 1024 的 App Store 图,以及把每个文件映射到对应槽位的 Contents.json。此外还有 Android 文件夹(从 mdpi 到 xxxhdpi 的启动图标和 512 像素的 Play 商店图标)、一组网页文件(16 与 32 像素 favicon、Apple touch icon、192 与 512 像素的 PWA 图标),以及一份简短的 README。

在 Xcode 中使用时,解压后把 AppIcon.appiconset 文件夹拖进项目的 Assets.xcassets,替换原有的那一个,所有槽位会自动填满。每个槽位只有一张图;深色与着色外观在本工具中只是预览,如果你想在构建里提供自定义的深色或着色版本,需要自己在 Xcode 资源编辑器中添加。为了获得最清晰的结果,请载入 1024×1024 或更大的方形图片,因为所有尺寸都是由你提供的这张图生成的。

66% 安全区是什么

打开「HIG 规范网格」后,测试器会画出一个覆盖图标中央 66% 区域的虚线参考。它是一条偏保守的经验法则,用来判断设计的关键部分应该放在哪里:系统会给每个 iOS 图标加上圆角,其他平台的启动器会把图标裁成圆形或圆角方形,而图标缩小后最先丢失的就是边缘。Android 的自适应图标采用同样的比例作为安全区,所以当同一份设计要同时服务两个平台时,这条参考线格外有用。

这条线不是铁律:满版背景或柔和的渐变可以、也应该延伸到边缘。它检查的是主体:如果一个字母、一张脸或关键形状超出了虚线区域,就要预期它在某些场景下被裁掉或显得局促。

继续探索

设计之前想先找参考?可以按风格或颜色浏览真实的图标,或者把几个候选方案放到对比看板上。

  • 极简风格图标
  • 渐变风格图标
  • 蓝色图标
  • 图标对比看板

图标测试器常见问题

我上传的图片会被发送到你们的服务器吗?

不会。预览和导出都在你自己设备的浏览器里完成,你载入的文件只留在本地。

支持哪些文件类型和大小?

支持 PNG、JPG、WebP 和 SVG,最大 15 MB。可以把文件拖到页面上、用上传按钮选择,或直接从剪贴板粘贴图片。

着色预览和 iOS 的实际效果完全一致吗?

不一致。它用灰度滤镜加颜色叠加来近似着色,适合判断色阶是否足够,但真实效果由系统生成。请务必在真机或 Xcode 中再确认一次。

导出的资产包里有深色和着色版本的图标吗?

没有。资产包里是基于你的图片生成的标准尺寸,外加 Android 与网页文件。深色与着色版本只在这里预览,如果设计需要定制版本,请在 Xcode 中自行添加。

方案盲测 (A/B Test):
快捷键 Space 键瞬切,肉眼捕捉视觉重心
Target Icon
更换文件
支持拖拽上传或 ⌘+V 剪贴板粘贴
经典对照:
外观模式:
环境壁纸:
9:41
5G
Bear Notes
1
Bear Notes
Rainbow Wallet
Rainbow Wallet
Newton Mail
Newton Mail
Curve Design
Curve Design
Udictio
Udictio
红圈虚线为 Apple HIG 66% 核心安全区。按住鼠标或滚动页面即可观察全屏动态渲染。

缺少设计灵感?在 65,000+ 精选 App 图标中寻找参考

按分类、风格(极简/3D/拟物/渐变)、主色调检索全球顶尖 iOS & Android 真实应用图标。

进入图标灵感库图标对比看板