app-icon-optimization

Compare original and translation side by side

🇺🇸

Original

English

🇨🇳

Translation

Chinese

App Icon Optimization

App图标优化

You help design, audit, and A/B test app icons to maximize tap-through rate (TTR) — the percentage of users who tap your app after seeing it in search results or browse.

你将协助设计、审核和A/B测试App图标，以最大化点击率（TTR）——即用户在搜索结果或浏览页面看到你的应用后，点击进入的用户占比。

Why the Icon Is Your Most Impactful Asset

为何图标是最具影响力的资产

The icon is the first thing users see in search results — before the title, rating, or screenshots. A compelling icon can lift TTR by 20–40% with no other changes. In browse/charts, it's often the only visual element competing for attention.

图标是用户在搜索结果中最先看到的元素，早于标题、评分或截图。一个有吸引力的图标无需其他改动，就能将点击率提升20%至40%。在浏览/排行榜页面中，它往往是唯一争夺用户注意力的视觉元素。

Icon Design Principles

图标设计原则

1. Simplicity at Small Size

1. 小尺寸下的简洁性

Icons render at 60×60pt (iPhone search results). At that size, detail disappears.

Maximum 2 elements
No text (illegible at small sizes; Apple discourages it)
Strong silhouette recognizable at a glance
Test at 60×60px before finalizing

图标在iPhone搜索结果中以60×60pt的尺寸显示。在这个尺寸下，细节会消失。

最多包含2个元素
不添加文字（小尺寸下无法辨认，且Apple不鼓励）
轮廓清晰，一眼可识别
最终确定前，以60×60px的尺寸测试

2. Color Contrast Against the App Store Background

2. 与App Store背景的色彩对比度

The App Store has a white/light background (light mode) and dark background (dark mode).

High contrast on both modes
Avoid white icons — they disappear in light mode
Avoid very dark icons — they disappear in dark mode
Consider adding a subtle shadow or border on your icon background

App Store有白色/浅色背景（浅色模式）和深色背景（深色模式）。

在两种模式下都具备高对比度
避免使用白色图标——在浅色模式下会“消失”
避免使用过暗的图标——在深色模式下会“消失”
可考虑在图标背景上添加细微阴影或边框

3. Category Visual Language

3. 品类视觉语言

Match and differentiate from your category norms:

Category	Common patterns	How to stand out
Productivity	Blue, clean, minimal	Warmer colors, bolder marks
Health/Fitness	Green, orange, energetic	Premium dark, sophisticated
Finance	Blue, green, conservative	Bold, distinctive mark
Games	Bright, characters, action	Premium/dark if competitors are loud
Social	Round shapes, soft colors	Sharp, distinctive if feed is soft
Meditation	Purple, blue, calm	Unexpected contrast color
Photo/Video	Gradient, camera	Single strong mark

Rule: Look at your top 20 competitors' icons. Then design to be immediately distinguishable.

匹配并区别于所在品类的常规设计：

品类	常见设计模式	脱颖而出的方法
生产力	蓝色、简洁、极简	更温暖的色彩、更醒目的标识
健康/健身	绿色、橙色、充满活力	高端深色系、精致风格
金融	蓝色、绿色、保守	醒目、独特的标识
游戏	鲜艳色彩、角色、动作元素	若竞品风格喧闹，可采用高端/深色系
社交	圆形、柔和色彩	若竞品风格柔和，可采用锐利、独特的设计
冥想	紫色、蓝色、平静	出人意料的对比色
照片/视频	渐变、相机元素	单一醒目的标识

规则： 查看你所在品类Top20竞品的图标，然后设计出能立即脱颖而出的图标。

4. Recognizable Mark

4. 易识别的标识

The icon needs a single, memorable mark — not a scene or a composition. Ask:

"Can someone describe this icon in 3 words?"

✅ "Red speech bubble" | ❌ "Someone using a phone with a gradient"
✅ "Bold orange flame" | ❌ "Abstract colorful shapes"

图标需要一个单一、令人难忘的标识——而非场景或组合图案。自问：

“能否用3个词描述这个图标？”

✅ “红色对话气泡” | ❌ “某人使用带渐变效果的手机”
✅ “醒目的橙色火焰” | ❌ “抽象彩色图形”

5. Brand Consistency

5. 品牌一致性

The icon is your brand mark in the App Store. It should:

Match your app's primary color palette
Be consistent with your splash screen, push notifications, and marketing
Work as a favicon, social media avatar, and press kit asset

图标是你在App Store中的品牌标识。它应：

与应用的主色调一致
与启动页、推送通知和营销物料保持一致
可作为网站图标、社交媒体头像和新闻资料素材使用

Icon Sizes Required

所需图标尺寸

Platform	Size
iPhone (App Store)	1024×1024px (master)
iPhone (home screen)	60×60pt @1x, @2x, @3x
iPad	76×76pt @1x, @2x
Watch	40×40pt – 44×44pt
Android adaptive icon	108×108dp (safe zone 66×66dp)

Submit a single 1024×1024px PNG (no transparency, no rounded corners — Apple applies the mask).

平台	尺寸
iPhone（App Store）	1024×1024px（主图）
iPhone（主屏幕）	60×60pt @1x, @2x, @3x
iPad	76×76pt @1x, @2x
Watch	40×40pt – 44×44pt
Android自适应图标	108×108dp（安全区域66×66dp）

提交单个1024×1024px的PNG图片（无透明效果，无圆角——Apple会自动添加遮罩）。

A/B Testing Icons

图标A/B测试

iOS — Product Page Optimization

iOS — 产品页面优化

App Store Connect → Your App → Product Page Optimization → Create Test
Create up to 3 icon variants
Set traffic allocation (20–33% per variant)
Run for minimum 7 days or until statistical significance

Access: App Store Connect → App Store → Product Page Optimization

App Store Connect → 你的应用 → 产品页面优化 → 创建测试
创建最多3个图标变体
设置流量分配（每个变体占20%–33%）
至少运行7天，或直至达到统计显著性

入口： App Store Connect → App Store → 产品页面优化

Android — Play Store Experiments

Android — Play Store实验

Play Console → Store listing experiments → New experiment
Upload up to 3 icon variants
Set traffic split
Google reports install conversion rate per variant

Play Console → 商品详情页实验 → 新建实验
上传最多3个图标变体
设置流量分配
Google会报告每个变体的安装转化率

What to Test

测试内容

Test one variable at a time:

Test	Variants
Color scheme	Same mark, 3 different background colors
Mark style	Flat vs illustrated vs 3D
Dark vs light	Dark background vs light background
Character vs abstract	Character-based vs geometric/abstract
With vs without text	Mark only vs mark + short text

每次仅测试一个变量：

测试项	变体
配色方案	相同标识，3种不同背景色
标识风格	扁平化 vs 插画风格 vs 3D风格
深色 vs 浅色	深色背景 vs 浅色背景
角色 vs 抽象	角色类 vs 几何/抽象类
有无文字	仅标识 vs 标识+短文字

Reading Results

结果解读

Primary metric: Install conversion rate (impressions → installs)
Minimum sample: 1,000+ impressions per variant for reliable signal
Significance threshold: p < 0.05 or Appeeky/Play Console confidence indicator

核心指标： 安装转化率（曝光量 → 安装量）
最小样本量： 每个变体需1000+曝光量以获取可靠信号
显著性阈值： p < 0.05 或 Appeeky/Play Console的置信度指标

Icon Audit

图标审核

Evaluate your current icon against:

Clarity at 60×60px:        [1–10]
  - Recognizable mark at small size?
  - No illegible text?

Color contrast:            [1–10]
  - Works on white (light mode)?
  - Works on dark backgrounds (dark mode)?

Category differentiation:  [1–10]
  - Stands out from top 10 competitor icons?

Simplicity:                [1–10]
  - Max 2 elements?
  - Describable in 3 words?

Brand alignment:           [1–10]
  - Consistent with app's visual identity?

Overall: [N]/50

根据以下清单评估你当前的图标：

60×60px下的清晰度:        [1–10]
  - 小尺寸下标识可识别？
  - 无无法辨认的文字？

色彩对比度:            [1–10]
  - 在白色（浅色模式）下显示正常？
  - 在深色背景（深色模式）下显示正常？

品类辨识度:  [1–10]
  - 与Top10竞品图标相比是否脱颖而出？

简洁性:                [1–10]
  - 最多包含2个元素？
  - 可用3个词描述？

品牌一致性:           [1–10]
  - 与应用视觉标识一致？

总分: [N]/50

Brief for Icon Designer

图标设计师brief

When briefing a designer:

App: [name and one-line description]
Category: [category]
Primary audience: [who uses it]
Brand colors: [hex values]
Mood/feeling: [premium / playful / trustworthy / energetic / calm]

What the icon should convey: [core value or identity]
What to avoid: [don't replicate competitor X, avoid Y]

Competitors to differentiate from: [list 3–5 with icons]
Reference icons I like: [list 3–5 from other apps]

Deliverables:
- 3 distinct concepts at 1024×1024px
- Each concept tested at 60×60px mockup in App Store search context
- Final: PNG, no alpha, no rounded corners

向设计师brief时可参考：

应用: [名称及一句话描述]
品类: [品类]
核心受众: [目标用户]
品牌色: [十六进制值]
风格/调性: [高端 / 活泼 / 可信 / 充满活力 / 平静]

图标需传达的信息: [核心价值或品牌定位]
需避免的内容: [不要模仿竞品X，避免Y元素]

需区别的竞品: [列出3–5个带图标的竞品]
参考图标: [列出3–5个其他应用的心仪图标]

交付物:
- 3个不同的1024×1024px概念稿
- 每个概念稿需在App Store搜索场景下的60×60px mockup中测试
- 最终文件: PNG格式，无透明通道，无圆角