动效设计想让用户秒懂你的产品？Reve的动态演示型首页值得借鉴

细节描述

龙爪槐守望者: 现在AI工具遍地开花，每个都在拼命展示自己有多厉害，反而让用户更加困惑。看到一堆专业术语，完全不知道这个产品到底能帮你做什么？ Reve这个AI生图网站的首页设计堪称教科书级别的案例。 没有长篇大论的文字介绍，整个页面就是一个动态的产品演示。一进入网站，一句「Reimagine reality」重塑现实）的口号下是一个简洁的AI提示词输入框。当你向下滚动页面时，你会看到一系列「前-后」对比的图片组。神奇的是，一个模拟用户操作的输入框会浮现出来，自动打出提示词，然后右侧的图片就会实时生成结果。比如，输入「add more yellow fallen leaves on the ground」（在地上加点黄色落叶），原本干净的石板路瞬间就铺满了金黄的落叶；输入「unwrinkle the photo」（让照片变平整），一张有折痕的旧照片立刻变得平滑如新；输入「remove the chairs and tourists」（移除椅子和游客），原本坐满人的佛殿前立刻变得空旷宁静。整个过程行云流水，直观地展示了它「添加」、「修改」、「移除」和「创造」的核心能力。 让用户在自然探索和实际操作中学习。很多优秀的产品，比如 Figma 或 Canva，它们会通过提供丰富的模板库来引导新用户，用户选择一个模板开始修改，不知不觉中就学会了各种操作。Reve 更进一步，它把整个首页变成了一个动态的、充满灵感的「可能性画廊」，不仅教会了你怎么用，还激发了你「想用它来创造什么」的思考。