极光渐变
Aurora Gradient
初级通用极光渐变（Aurora Gradient）是一种用多片柔和色光交叠、形成不规则色带的背景风格。它让大面积背景有变化，又不必靠具体插画承载内容，例如用在 AI 工具官网首屏。
你可能会说：「我想让首页背景像几片彩色光晕交叠，边缘柔和，别抢标题的注意力。」
动手看看AI 写作工具官网首屏
背景风格
切换背景风格，再拖动柔和度；也可以悬停或聚焦主按钮。极光渐变靠几片不同方向的柔和色光交叠，做出不规则色带，而不是从左到右均匀变色。
要点极光渐变是怎样形成的？
- 1
用多片色光代替单条色带
普通渐变常沿一个方向从一种颜色过渡到另一种颜色。极光渐变更像几片不同颜色的光在背景里交叠，所以你会看到局部的亮区、暗区和不规则的颜色走向。
- 2
用柔和边界保留空间感
色块之间没有清晰轮廓，画面才会像光在扩散。做网页时，我们可以叠加多个渐变层，再调整透明度和模糊程度；这样比放一张固定图片更方便适配不同屏幕。
- 3
让背景变化服从内容阅读
它通常承担氛围，而不是传递信息。标题和按钮附近如果正好有高亮色光，文字可能变得难读；你可以移动亮区、降低饱和度，或给文字所在区域留一块更稳定的底色。
容易混淆的地方
它和普通线性渐变的区别，在于颜色不只沿一条固定方向过渡，而是由多片柔和色光形成不规则分布。它也不是玻璃拟态：玻璃拟态强调半透明面板及其背后的模糊效果；极光渐变说的是背景本身。两者可以一起用，但不互相依赖。
什么时候用
适合用
- 做 AI 工具官网首屏，标题和行动按钮已经明确，只想让大面积背景显得有层次。
- 做产品发布页的章节背景，希望不同色光带出氛围，又不引入需要解释的插画。
- 做登录页侧边的展示区域，内容较少，需要一块能适配宽窄屏幕的装饰背景。
不适合用
- 做财务后台的密集数据表时，背景越稳定越方便扫读，改用纯色或低对比度的中性色。
- 页面需要解释操作步骤或数据关系时，极光渐变传不出这些信息，改用流程图或示意图。
- 产品需要严格呈现品牌指定的单色背景时，保留品牌底色，比额外加入多色光晕更合适。
练一练选一个答案，看看解释
你在做一个 AI 写作工具的首页。首屏只有标题、简介和注册按钮，希望背景有变化，但标题仍然醒目。哪种方案更符合极光渐变的用法？
让 AI 帮你做复制给 AI Agent 直接用
请为 AI 写作工具首页制作极光渐变背景：用多片边缘柔和的蓝、紫、青色光晕形成不规则交叠，保持低饱和度。标题和注册按钮所在区域要有足够对比度，并检查窄屏下的效果；不需要动画。