渐变背景如何保证文字可读性

纯色背景只有一种明暗关系，而渐变背景会让同一行文字跨过多个亮度区间。于是左边可能很清楚，右边就开始发虚。

这也是为什么很多 Hero 首屏在设计稿里看着高级，但一上线到真实设备，标题和按钮就开始不稳定。问题不一定在文字，而在渐变本身的明暗跨度太大。

第一种是先把渐变调得更克制，减少过亮或过暗的极端 stop。第二种是在文字后面加一层透明遮罩、半透明卡片或局部模糊层，让文字背后有相对稳定的底。

第三种是把文字放到渐变里最稳的区块，而不是硬放在视觉最花的位置。很多时候只需要换一下排版位置，问题就能少一半。

• 先调渐变 stop，而不是先给文字乱加阴影。
• 必要时给文字加局部容器或遮罩层。
• 把标题和按钮放在明暗更稳定的位置。

不要只截一张最好看的静态图来看。更稳的做法，是在真实页面里检查标题、正文、标签和按钮分别跨过哪些明暗区，再挑最差的位置看是否还能读。

如果你已经确定要保留强渐变氛围，那么至少要给核心信息留出一块可控区域，而不是让所有文字都直接压在最复杂的背景上。

• 检查最危险的背景区，不要只检查最好看的位置。
• 标题、正文和按钮要分别看，不要只盯大标题。
• 视觉氛围可以强，但信息落点必须稳。