CutEdge01 / 三种背景，三种职责
| 背景类型 | 适合什么 | 注意什么 |
|---|---|---|
| 纯色 | 功能说明、帮助文档、需要安静呈现的场景 | 颜色饱和度别太高，容易和界面内容抢注意力 |
| 渐变 | 产品页首图、社媒配图，需要层次和氛围 | 控制色相跨度，两个相邻色相比三个远端色相更稳 |
| 图片 | 强调使用场景、生活方式类产品 | 降低图片明度或加蒙版，否则文字会读不清 |
判断标准只有一个：背景有没有让界面内容更容易被看见。如果答案是没有，就换个更安静的背景。
02 / 配色跟着品牌走，但不要照搬
背景色最好从品牌色里派生，这样整套图和你的产品页、官网是一家人。但直接用品牌主色铺满往往过曝——饱和度太高的背景会把界面压下去。
常用的处理办法：
- 把品牌色降低饱和度后作为大面积背景，保留高饱和版本做局部强调
- 用品牌色的深色或浅色变体拉开层次，让设备框和背景有明确分界
- 在两个品牌色之间做渐变，比单色更有空间感，也不会引入新色相
03 / 可读性是不可让的底线
背景再好看，文字读不清就是失败的。几条实操经验：
- 文字与背景之间要有足够的明度差，浅底用深色字，深底用浅色字
- 在图片背景上放文字时，加一层半透明蒙版，比直接描边更干净
- 避免把文字压在背景的高对比边缘上——比如明暗交界线
- 小字号文字对对比度要求更高，宁可加大字号也不降低对比度
一个简单的自检方法：把图缩到原尺寸的 25%，看看标题还能不能一眼认出来。缩略图是这个尺寸下被看到的——用户在 App Store 和社媒信息流里看到的就是这个大小。
04 / 整套图要保持一个背景体系
十张截图用十种背景色，看起来像十个产品。常见的统一方式有三种：
- 全部用同一个背景，最稳，系列感最强。
- 同一渐变的不同角度或深浅变化，有节奏但不散。
- 按内容分组用色：功能介绍一组、场景展示一组，各组内保持统一。
第三种最容易失控，除非你有明确的分组逻辑，否则前两种更省心。
05 / 深色界面怎么处理背景
如果你的 App 主推深色界面，浅色背景会让设备框显得突兀——屏幕内容和背景之间反差过大，边缘很硬。
处理办法是用中低明度的背景，让设备框与背景之间保留一点过渡。反过来，浅色界面配深色背景时也一样：纯黑背景配白色界面，观感会非常跳。
✓ 背景与界面内容有明确的主次关系
✓ 缩到 25% 后标题依然可读
✓ 整套图用同一个背景体系
✓ 文字没有压在背景的高对比边缘上
✓ 深浅界面与背景的明度过渡自然
常见问题
截图背景可以用白色吗？
可以，而且在 App Store 里相当安全——白底截图和产品页背景自然融合，不会有割裂感。缺点是缺少辨识度，如果你的竞品都用白底，你的图会淹没在列表里。
渐变背景用什么角度最好？
没有通用答案，但自上而下的垂直渐变最稳，符合视觉重心；对角线渐变更有动感。无论哪种，两个色相的跨度不要太大，否则容易出现脏色带。
可以用照片做背景吗？
可以，但一定要加蒙版或降低明度。照片的明暗变化不可控，文字直接压上去几乎必然有局部读不清。先压暗，再放文字。
一套图里能混用纯色和渐变吗？
技术上可以，但视觉上容易散。如果一定要混，建议按内容分组：同一组的图用同一种背景类型，组间再变化。
