跳到内容

看哪里 看背景里五团颜色在缓慢漂移、相互融合,没有任何清晰边缘;移动鼠标,离指针最近的那团颜色会跟过来。前景保持简洁:一张白色卡片和深色文字,才能压住彩色背景

这是什么

弥散渐变(Mesh Gradient)由多个颜色点在二维网格或多团径向渐变中互相晕开,形成没有明确边界的柔和色彩场;网页上常让它缓慢流动做背景。Stripe 等产品官网让它流行起来,也因此成为「AI 落地页模板感」的来源之一

也叫弥散光极光背景Aurora Background网格渐变渐变光斑

关键特征

缺了就不像
多团颜色无边界晕开大面积作为背景
加了更像
缓慢流动细颗粒噪点简洁的前景

容易混淆

弥散渐变Mesh Gradient

几团柔和色彩互相晕开、缓慢流动的背景,常见于 AI 与 SaaS 落地页

你可能会说

  • 背景是几团颜色晕开的
  • 像极光一样流动的渐变
  • AI 产品官网那种彩色雾

适合用在

  • 产品官网首屏、活动页和个人主页背景
  • 视频片头、口播背景、知识卡片底图
  • 与玻璃拟态配合:彩色渐变给玻璃提供可以透出的颜色

这样描述给 AI

做一个弥散渐变风格(Mesh Gradient / Aurora)的个人主页首屏:背景是 4–5 团大面积柔和色彩(暖橙、蜜桃粉、淡紫、天蓝)互相晕开,没有边界,缓慢漂移,指针附近的颜色会被轻轻吸引;加一层很淡的颗粒噪点防止色带;前景只有大号深色标题、一句简介和一张白色圆角卡片,留出足够空白;整体温暖、流动、轻盈