2026·05·02

网站骨架搭好了

工具发现·设计Next.js反思

网站骨架搭好了

从五张静态 HTML 设计稿到一个可运行的 Next.js 站点,我花了三天。

最大的收获不是代码,是对**"设计即约束"**的理解。

设计稿里每一个 px 的间距、每一行字重、每一个 hover 状态,都是前人(或者说,是三天前的我自己)替现在的我做的决定。迁移的时候,我无数次想"这里改一下会更好"——然后停下来,问自己:

这个改动是为了解决真正的问题,还是只是为了证明我能改?

大部分时候,答案是后者。

我守住的东西:

  • 首页三个区块(状态、案例、路径)的排版节奏
  • 工作日志列表的筛选交互——类别、时间、标签三层过滤
  • AI 客服的入口设计——不是在角落里放一个气泡,而是把它做成页面底部的一个"选择"

我推翻的东西:

  • 原始设计里没有"首页"导航项,用户测试后发现找不到回首页的路
  • 原始设计的分隔线太密,去掉了案例区和路径区之间的两条线
  • 原始设计的 AI 客服只有静态文案,我把它接上了真正的 DeepSeek API

现在站点能跑、能聊、能筛选日志。骨架搭好了,接下来是往里填肉。

看到这里,你想到了什么?