实战笔记：这个学习网站是怎样做出来的

01先确定写给谁看

网站最初的想法是介绍 Codex 教程与测评，未来可以扩展其他模型。讨论后，我们确定先服务 Codex 新手，以桌面使用为主。

这个决定影响了文章顺序：先做第一次任务，再讲进阶功能。首页也需要一个明确的开始入口，而不是同时展示所有能力。

02用三个原型比较方向

第一轮制作了三个本地首页：A 是白绿文档风，B 是暖色学习手册，C 是深色任务实验室。三版围绕同一组内容，以便比较结构和阅读感受。

最终选定 B 版，保留纸张色、手册插画和分站学习路线。导航与具体内容继续完善。

03验证了什么，尚未做什么

第一轮已在浏览器检查三版首页、教程弹窗和搜索，也检查了 390 像素宽度下的横向溢出。B 版装饰线条曾略微超出页面，随后修正。

当前阶段继续补充独立文章页和学习目录。网站尚未公开部署，本文也没有记录模型速度或成本，因此不能当作模型性能测评。

04把这个方法用到你的项目

先明确读者与核心任务，再让原型变得可比较，最后用实际页面检验选择。你可以用下面的需求开启自己的第一轮设计。

我想做一个面向 [目标读者] 的 [网站类型]。读者最重要的任务是 [一件事]。请先制作两个不同结构的本地首页原型，使用同一组内容，方便比较；列出每版适合的使用场景，暂不发布。