Hero 区拆解：什么真正带来转化
把资源库里六个 Hero 逐层拆开——动效预算、信息层级，以及大多数站点都漏掉的那个转化细节。
约 7 分钟
每个 Hero 都有“动效预算”
Hero 设计最大的错误是把预算花得到处都是。一个 Hero 只有一份预算，每个动画都在花它：背景光球漂移很便宜（可以永远跑）、标题流光中等（跑，但要慢）、CTA 花活很贵（只在 hover 时来一次）。预算花三次，眼睛就没有落点——不落点的眼睛不会点击。
拆解：极光 SaaS Hero
Nebula 的预算恰好花在三处：两个模糊光球在一切背后漂移（氛围）、标题渐变以 5.5s 循环流光（慢到读作质感而非动画）、CTA 仅在 hover 时抬升。网格覆盖层是静止的。结果：有纵深，无噪音。
✦Nebula — 极光网格 SaaS 首页三向动效预算的生产级示范。拆解：卖信任的数据分析 Hero
Pulse 靠可信度转化，所以它的 Hero 就是产品本身：实时滚动的 KPI 和自绘图表即演示。大多数站点漏掉的转化细节：数字在进入视口时从零滚起——一个可见地、诚实地更新的数字，比任何推荐语都更能说明“这数据是真的”。
✦Pulse — 动效数据分析台把产品截图当 Hero，诚实地动。拆解：克制即定位
Noir 卖的是品味，所以它的 Hero 几乎不动：字母只升起一次、一条 marquee 循环、胶片噪点呼吸。克制本身就是信息——宣称精致的工作室承受不起一个蹦跳的 Hero。动效人格要匹配品牌人格：极光给 AI/开发者、动态排版给工作室、滚动的数字给数据产品。
✦Noir — 动态排版工作室作品集把“动效克制”当作品牌宣言。大多数站点漏掉的那个细节
副标题不是一个句子——它是“异议处理”。“让网站活起来”会引发“这是给谁的、多少钱？”副标题必须一口气回答这两个问题，否则 CTA 的点击会漏光。审视你的 Hero：标题和按钮之间，有没有任何一句在处理犹豫？没有的话，你买来的流量正在最后一屏流失。
✦Aurora — 漂浮光斑 SaaS 落地页完整弧线：Hero、异议、定价——一个模板全包。