这次改版有两个很直接的反馈:首页不好看,标本里复制出来的提示词也显得粗糙。它们看似一个是视觉问题,一个是文字问题,但都需要回到同一件事:最终能做出什么。
只有风格名,还不够复现一张网页
“瑞士极简”“玻璃拟态”能表达方向,却没有交代页面具体的内容、层级、间距和交互。即使再加几句“大标题、留白、蓝色按钮”,生成结果仍可能和看到的样张相差很远。
本站核对六层标本时,还发现了更具体的问题:部分组件说明被截断,代码围栏没有闭合。文本看起来很长,也不等于实现资料完整。
把提示词变成可核对的复现任务
修复后的复制内容包含复现目标、实际参数、依赖、完整规范或源码,以及验证要求。整页样张以真实页面为基准;动效说明则对应实际预览的渲染方式,而不是只描述想象中的效果。
完整文本按当前选择加载,失败时可以重试,不再用摘要冒充完整提示词。这里的目标不是承诺某个模型能一次生成像素一致的页面,而是把缺失的信息补齐,让实现与检查有共同的依据。
选定方向以后,先做能打开的候选
首页选择了明亮、有温度的产品工作室方向:浅色画布、无衬线标题、蓝色重点,以及承载产品故事的大卡片。标本入口放到首屏,让寻找灵感的路径更短。
这套方向先做成独立页面,查看桌面和手机效果,验证链接与本地演示,再在用户查看并确认后迁移到正式首页。颜色和圆角有规范,但实际页面才是判断视觉是否合适的对象。
真实素材与示意画面要说清楚
标本入口使用真实开源样张,并保留来源。产品没有合适截图时,页面明确写“界面示意”,不把静态对话包装成正在运行的模型。测试截图可以展示实际产品界面,但也需要标明测试数据和截图阶段。
这一点同样适用于文章:构建记录可以整理已经发生的过程,个人经历、用户评价或产品效果,不能为了让页面充实而编出来。
验证不只看页面是否能打开
这次检查覆盖桌面、平板和窄手机,确认没有横向溢出,入口可见,键盘能切换演示,交互不会挤动旁边的内容。备案和真实统计也继续保留,统计失败时隐藏数字,不影响页面使用。
仍有工作没有完成:部分指针与滚动动效需要逐项核查,产品截图也需要随着界面变化更新。把这些缺口写清楚,比一口气宣布全部完成更有用。