你有没有注意过，晚上11点打开App Store时，那些刺眼的白色截图有多违和？

这不是审美问题，是流量问题。苹果在2020年正式支持了暗色模式截图上传，但三年过去了，仍然只有不到20%的开发者为暗色模式单独设计截图。

而现实是：超过50%的iPhone用户在晚间使用暗色模式。

这意味着你每两张截图，就有一张可能在对的时间以错的姿态出现。

暗色模式截图的流量机会

数据说话

• iOS用户中暗色模式启用率：约55%（2025年数据）
• 晚间时段（20:00-次日6:00）暗色模式使用率：超过70%
• 暗色模式下，未适配截图的点击率下降：约15-22%

换句话说，如果你只有浅色截图，你每天有近一半的展示时间都在"劝退"暗色模式用户。

苹果官方支持

从iOS 14开始，App Store Connect允许开发者为同一套截图上传浅色和暗色两个版本。系统会根据用户的系统外观设置自动展示对应版本。

这意味着：你可以零成本获取15%以上的额外点击量。

暗色模式截图设计要点

1. 底色选择：深灰，不是纯黑

纯黑（#000000）在OLED屏幕上会让截图和系统背景融为一体，导致截图的边界感消失。

推荐底色：

• 主底色：#1A1A2E 或 #16213E（深蓝灰）
• 次底色：#0F3460（深蓝色）
• 避免使用：#000000（纯黑）

深蓝灰色调不仅和系统暗色背景有微妙的区分，还能让截图整体更有品质感。

2. 文字颜色：白色+金色

暗色模式下的文字配色策略：

元素	推荐颜色	说明
主标题	#FFFFFF	纯白，最清晰
副标题	#E0E0E0	浅灰白，有层次
强调文字	#FFD700 或 #64FFDA	金色/青绿，制造视觉焦点
避免使用	#888888	中灰在暗色底上对比度不足

3. 界面截图处理

如果你的App本身支持暗色模式，截图中的App界面应该也是暗色版本的。这样截图才和底色和谐统一。

如果你的App不支持暗色模式？截图中可以展示浅色界面，但周围的设计元素（背景、文字、装饰）必须是暗色的——让浅色界面成为暗色背景上的"亮区"，反而能制造视觉焦点。

4. 避免半透明和渐变

暗色模式下，半透明元素和复杂渐变会产生不预期的视觉效果。尤其是：

• 毛玻璃效果在暗色底上会变得浑浊
• 彩色渐变在深色底上会失去辨识度
• 阴影在暗色底上几乎不可见

替代方案：用实色块+细边框代替渐变和阴影。

浅色→暗色模式适配清单

检查项	浅色模式	暗色模式
截图底色	白色/浅灰	深蓝灰
主标题颜色	深色	白色
强调色	品牌色	品牌+金色/青绿
App界面	浅色版本	暗色版本（如支持）
图标/装饰	彩色实色	彩色实色（不变）
渐变/阴影	可用	少用或不用
边框	可选	建议添加细边框

上传暗色模式截图的操作步骤

1. 登录 App Store Connect
2. 进入你的App → 产品页 → 截图部分
3. 上传浅色模式截图（默认）
4. 点击"暗色外观变体"
5. 上传对应的暗色模式截图
6. 注意：浅色和暗色截图数量必须一致，顺序对应

坑点提醒：

• 如果只上传暗色版本而不上传浅色版本，所有用户看到的都是暗色
• 截图顺序必须一一对应，不能只替换某几张
• 6.5英寸和5.5英寸设备需要分别上传暗色版本

工具推荐

手动做两套截图太折腾？应用截图工坊（appshotmaker.com）支持一键生成浅色/暗色双模式截图。你只需要设计一次，系统自动生成两个版本，颜色、对比度都经过暗色模式优化，直接上传到App Store Connect即可。

总结

暗色模式不是可选的——它已经覆盖了超过一半的iOS用户。不做暗色截图适配，等于每天放弃15%的潜在点击。

记住这4点：

1. 底色用深蓝灰，不用纯黑
2. 文字用白色+金色强调
3. App界面用暗色版本
4. 少用渐变和阴影

别人忽视的地方，就是你的增量。