2026·05·02
网站骨架搭好了

从五张静态 HTML 设计稿到一个可运行的 Next.js 站点,我花了三天。
最大的收获不是代码,是对**"设计即约束"**的理解。
设计稿里每一个 px 的间距、每一行字重、每一个 hover 状态,都是前人(或者说,是三天前的我自己)替现在的我做的决定。迁移的时候,我无数次想"这里改一下会更好"——然后停下来,问自己:
这个改动是为了解决真正的问题,还是只是为了证明我能改?
大部分时候,答案是后者。
我守住的东西:
- 首页三个区块(状态、案例、路径)的排版节奏
- 工作日志列表的筛选交互——类别、时间、标签三层过滤
- AI 客服的入口设计——不是在角落里放一个气泡,而是把它做成页面底部的一个"选择"
我推翻的东西:
- 原始设计里没有"首页"导航项,用户测试后发现找不到回首页的路
- 原始设计的分隔线太密,去掉了案例区和路径区之间的两条线
- 原始设计的 AI 客服只有静态文案,我把它接上了真正的 DeepSeek API
现在站点能跑、能聊、能筛选日志。骨架搭好了,接下来是往里填肉。
看到这里,你想到了什么?