Skip to content

1.3 在平台里生成你的第一个版本,并完成三轮微调

现在,真的把它做出来

到了这一步,你手里已经有一批关于你自己的真实素材,也有一份填好的第一版需求模板。

接下来最重要的事情,就是把这些信息真正交给 AI 原型工具,让第一个版本先出现。

本节以 秒哒 为例。如果你当前使用的是其他支持自然语言生成页面的工具,操作逻辑也基本一致:打开平台,新建项目,粘贴需求,等待生成,然后进入预览。

第一次生成时,目标要非常克制

请记住:

第一次生成的目标不是“惊艳全场”,而是“先出来一个能看、能点、能聊的版本”。

所以这一步最重要的不是炫技,而是把范围先收住:页面能展示你是谁,页面里有数字分身聊天区,整体结构清楚,移动端至少不至于崩掉。

建议按这个顺序操作

先新建项目,给它一个简单清楚的名字,比如 my-homepage个人主页-v1;然后把上一节填好的模板完整贴进去,别一边贴一边临时大改,先让第一版完整跑出来;接着耐心等第一轮输出结束,除非工具明显跑偏到完全不相关的方向,否则别半路频繁打断。等生成完成之后,再进入预览页。第一次预览时,只先看三件事:

  1. 页面结构是否出来了
  2. 个人信息是否基本正确
  3. 数字分身聊天区是否已经出现

在秒哒里,粘贴完需求之后,通常不会立刻直接跳出最终页面。它往往会先帮你整理出一份更结构化的需求文档,确认应用名称、核心功能、页面结构和风格要求。这个步骤是正常的,不是工具卡住了,而是在帮你把刚才那段自然语言需求再收一层。

只要你看下来方向没有明显跑偏,就可以继续点击右下角的 立即生成应用

秒哒根据需求先生成需求文档,并提供“立即生成应用”入口

你在这里主要看两件事:一是这份需求文档有没有把“你是谁、页面要有什么、数字分身要做什么”说对;二是右侧整理出来的风格要求有没有明显偏离你的预期。如果这两件事大体都对,就继续往下走,不要在这里过早抠细节。

第一次预览时,不要急着挑剔一切

很多人第一次看到结果,会立刻进入“这也不对、那也不对”的状态。

但此刻更有效的做法,是先判断三件事:它是不是已经是一个页面了,它是不是已经能表达“这是我”的方向了,它是不是已经具备继续迭代的基础。

下面这两张图,就是一个真实的第一页结果。每个人的素材、平台当时的生成状态、你给出的风格要求都不同,所以你的页面不一定长这样;但第一页出现类似问题很正常,不要因为它不完美,就误以为这条路走不通。

秒哒生成的第一页结果示例:首屏和聊天区已经出现,但细节问题很多

秒哒生成的第一页结果示例:下半部分已经有项目卡片和底部链接,但很多交互仍是初版状态

如果你仔细看这种第一版结果,通常会同时出现好消息和问题:好消息是,页面骨架已经出来了,首屏、项目区、聊天区、底部链接这些部分已经有了;问题也很明显,比如名字或信息可能抽错,聊天框的位置有点生硬,和页面右边缘贴得太近;Q1Q2Q3 这种按钮经常只是演示用的快捷问题,不一定真的已经接上大模型;有些链接、卡片或按钮看起来像能点,但其实还没有真正跳转。

这正是为什么我们一直强调:第一个版本的目标不是一步到位,而是先把一个能继续改的版本拉出来。

这里我先放到“第一页结果”这一步。后面讲到继续调整、微调和验收时,我还会把同一个案例的后续截图补在对应位置。你现在先抓住判断思路就够了:第一版先看骨架有没有出来、明显问题在哪里,不必等所有截图都放完再继续往下读。

如果答案大体是“是”,那你就成功了。

因为第 1 章的成功标准,从来都不是一步到位,而是:

先把一个能继续改的版本拉出来。

如果第一页就不是你想要的,也很正常

这不代表你失败了,也不代表工具不行。

更常见的情况是,你的描述还不够具体,你希望的风格还不够清楚,或者你还没有限制“先做第一版,不要加太多东西”。也可能是平台先给了你一版“能演示结构”的原型,所以出现了信息不准、占位交互还没接通、链接还不能跳这些很常见的第一页问题。

而这些,恰好说明:生成不是结束,迭代才是常态。

推荐的三轮微调法

第 1 轮:修明显错误

这一轮只处理最明显的问题,比如信息写错、区块缺失、布局严重不对,或者聊天入口没有正常出现。像前面截图里那种“名字写错了”“聊天框贴右边太近”“底部链接看起来能点但其实不能跳”“Q1/Q2/Q3 只是占位按钮”都属于这一轮该优先处理的问题。

你可以这样说:

text
请先不要大改整个页面。

我先修几个明显问题:
1. 我的名字 / 中文名显示不对,请改成正确版本
2. 右侧聊天框离页面右边缘太近,请给它更自然的外边距和留白
3. 页面里的外部链接和联系方式请接成真实可点击跳转
4. Q1 / Q2 / Q3 如果只是演示按钮,请不要伪装成真实对话;要么把它们改成真正可触发聊天的问题,要么先移除

这一轮先只修这些明显问题,不要重做整体风格。

如果你现在最在意的是“chatbot 到底有没有真的连上模型”,也可以单独追问一句:

text
请检查当前聊天区是否已经接入真实的大模型调用。
如果还只是演示或关键词匹配,请明确告诉我现在是哪种状态。
如果平台支持,请继续把它接成真实可用的 LLM 对话;如果这一步还缺配置,也请明确告诉我缺什么。

第 2 轮:调风格和内容

这一轮开始处理“它已经能用,但还不像我”的问题,比如风格太花或太素,颜色和你想的不一致,或者个人信息层次还不够清楚。像前面那个例子里,聊天框虽然已经出现了,但视觉上有点硬、和首屏不够协调,这就更适合放在这一轮继续调。

你可以这样说:

text
现在结构已经基本对了。
接下来我只想调整整体风格:
- 让页面更简约、清爽
- 主色调改成深蓝和白色
- 不要增加新的复杂模块
请只做风格层面的修改。

第 3 轮:做小幅细化

这一轮再去处理那些“不是大问题,但做完会更顺眼”的细节,比如按钮文案是不是更自然,聊天区提示语是不是更清楚,头像和简介的排版是不是更舒服。

你可以这样说:

text
页面整体已经接近我想要的效果了。
现在请只做小幅细化:
- 把聊天框的引导语改得更自然一点
- 让头像和简介区的间距更舒服
- 不要新增模块,也不要重做布局

两个很重要的微调原则

第一,一次只改一类问题。不要一口气说配色要改、布局要改、聊天逻辑要改,再顺便加个作品区。这样很容易让这轮修改范围失控。更稳的方式,就是一次只盯住一个主要目标。第二,尽量把改动边界说清。你可以直接说“只改这一部分”“先不要新增新模块”“保留现在的整体结构”。这会明显降低“修一处,动很多地方”的概率。

这一轮先修什么,后面几章再继续什么

如果你现在已经开始看到很多问题,不用急着在第 1 章一次全解掉。更稳的做法,是先区分“现在就该修”和“后面会系统处理”。

现在就修后面几章继续处理
名字写错、信息抽错更完整的界面和风格统一(第 3 章)
明显的布局问题、区块缺失内容模块怎么补更合理(第 4 章)
链接按钮不能跳转数字分身怎么更像你、更稳(第 5 章)
聊天区只是占位、没有真实调用上线与真实环境验证(第 6 章)

也就是说,你完全可以现在继续追问秒哒,让它把链接接通、把明显错误修掉、把聊天区从“演示摆设”推进到“至少说明当前状态”;但更系统的 UI 润色,我们会在第 3 章展开;数字分身说明书、真实对话体验、API 和更稳定的回答,会在第 5 章继续处理。

如果三轮之后还不满意怎么办

如果你已经来回改了三轮,结果还是离预期很远,不要继续死磕细节。

更好的做法,是回头检查两件事:你的初始需求是不是太模糊了,以及你是不是把太多目标混在同一轮里了。

这时往往不是继续“更努力地调”,而是应该 重写一版更清楚的需求描述

想深入一点?

如果你想系统理解多轮对话、调试心法和 AI 工作流,可以跳转到进阶版继续读:


下一节:本章小结:第一轮验收与下一轮优化清单 →

Alpha内测提示:当前为早期内部构建版本,部分章节仍在完善中,也可能存在问题,欢迎到 GitHub 提 Issue.