App Store 截图的配色方案
大多数 App Store 截图配色都以同样的方式失败：在 27 英寸显示器上看起来很美，但在 App Store 实际展示的尺寸下变成一片模糊。轮播图在产品详情页以完整分辨率渲染，但在搜索结果和「更多此类」栏目中以缩略图宽度显示。如果你的配色只在其中一种尺寸下有效，你就会在另一种尺寸下损失转化率。
三种浏览场景
将这三种场景视为三个独立的设计约束。在某一场景胜出的配色，可能在另一场景失利。
- 完整尺寸（iPhone 上为 1290 × 2796）。产品详情页的渲染效果。用户点击后看到的内容。细腻的渐变过渡、较小的文字和复杂的多层色彩在这里都能清晰呈现。大多数设计师只在这个尺寸下测试。
- 搜索缩略图（约 300 × 650）。在 App Store 搜索中，前三个轮播面板与竞品应用图标并排显示。细节消失。高对比度的色块清晰可辨；细腻渐变则趋于扁平。
- 周边环境。你的截图在搜索中不会单独出现。周边七个应用各有自己的配色。如果同类应用都偏暖色，你也用暖色，你的截图就会淹没其中。
五色原则
五种颜色是大致上限。一种主要背景色（或两色之间的渐变）、一种主要文字颜色、一种强调色，加上来自应用实际截图的颜色。加入第六种颜色通常意味着需要去掉一种，而非叠加。
这不是审美问题，而是因为缩略图会大幅压缩视觉信息——颜色过多的配色会变成一片米色的模糊。4-5 种颜色是每种颜色在 200px 下仍能保持清晰的范围。
对比度：WCAG AA 不是可选项
面板背景上的文案文字应达到 WCAG AA 标准（正文 4.5:1，24pt 以上大字 3:1）。不是因为 Apple 会检查——他们不会——而是因为在缩略图尺寸下，低于 AA 标准的文字会完全无法辨认。导出前请用对比度检测工具检验最终文案颜色与背景颜色的对比度。
常见失败案例：深灰色文字叠在稍浅的深灰渐变背景上。在 Figma 里看起来很精致，在缩略图宽度下完全消失。
类别惯例：起点而非铁律
查看你所在 App Store 类别的前 20 款应用，记录它们的主要配色。这就是该类别的惯例——用户与「此类别中值得信赖的应用」相关联的配色。你可以沿用（降低风险，降低差异化），也可以刻意打破（提高风险，如果成功则获得更高差异化）。
打破惯例需要有明确理由。2022 年 Notion 所在的生产力类别普遍偏明亮粉彩色；Notion 选择了近乎单色、带有微暖色调的风格，显得更严肃。Headspace 所在的心理健康类别充斥着柔和粉彩；Headspace 的深橙渐变在不显咄咄逼人的前提下脱颖而出。先融入再突破是稳妥的顺序：第一次产品发布时融入惯例，在有安装数据可对比后再打破。
「搜索结果相邻位置」审查
发布前，做这件事：在 App Store 搜索你的应用已有排名（或希望排名）的两三个关键词。看看排名靠前应用下方的截图条。你设计的配色能从周边应用中脱颖而出，还是会融入其中？
这只需要三十秒，但大多数团队跳过了这一步。一套在单独审视时看起来独特的截图配色，可能与搜索结果中上下五个竞品的蓝紫渐变如出一辙。修复方法通常只需换一个强调色。
深色、浅色，还是两者都不是
明确选边：以深色背景为主、以浅色背景为主，或在所有面板中使用统一的渐变风格。在同一轮播图中混用深色和浅色面板是最常见的失败方式——看起来像是设计时没有明确主导。
请参阅深色模式与浅色模式，了解各类别下哪种更占优势。TL;DR：深色在游戏、音乐、照片/视频、AI 类占优；浅色在生产力、教育、健康类占优；其他类别各半，由品牌决定。
配色与本地化
颜色在不同地区有不同含义。红色在中文语境中寓意吉祥（繁荣），在欧洲大部分地区则偏负面。白色在东亚大部分地区有哀悼含义。亮绿色在某些地方意味着「可以」，在另一些地方则象征「嫉妒」。对大多数应用而言，这些差异不足以抵消品牌一致性的价值——选定一套配色，全球通用。只有当颜色象征对你的品牌定位意义重大（奢侈品、健康、金融），且你有数据支撑时，才需要针对各语言定制配色。
本周行动
- 以 200px 宽度审查现有截图。在该尺寸下无法辨认的内容需要修改。
- 验证每张面板上文案与背景颜色是否符合 WCAG AA 对比度标准。
- 搜索你的前三个关键词，截图保存周边上下文。你的配色能脱颖而出吗？
- 如果你正在发布新设计，最多使用五种颜色。添加第六种意味着需要去掉一种。