跳到正文
全部 AI 实践

这个网站是怎么做出来的

用 AI 编码工具快速探索六个整体方向,再从中收敛,把取舍写成规格交给 AI 执行。

职责
独立负责
时间
2026
范围
设计方向 / 规格 / 构建
桌面上并排摆放的六个网站版式方向,概念占位图概念占位

问题

作品集要同时证明两件事:设计品质,以及用 AI 工作的方式。光写"我会用 AI"没有说服力,所以这个网站本身就是证据。

给 AI 的输入

  • 定位与内容边界:资深产品设计师,AI 是工作方式而不是身份。
  • 参考站点、真实素材、履历和作品集 PDF。
  • 每一轮的修改意见,以及明确禁止的做法(例如编造数据、装饰性的山脉和光轨)。

AI 的产出

AI 先后实现了六个整体方向,每个都是可以在浏览器里打开的页面,而不是静态效果图。

方向 A 截图
方向 B 截图
方向 C 截图
方向 D 截图
方向 E 截图
方向 F 截图

我的判断

  • 否决按模块各学一个参考站点。 拼出来的页面每块都合理,整体却没有主角。
  • 否决轨道、胶囊这类装饰型首屏。 首屏必须先让人看到作品。
  • 保留深色与绿色,但重做执行。 绿色和 LOTUS 的黄、Aboard 的橙都不撞色,个人品牌能和客户品牌分开。
  • 把内容和模板分离。 之后更新作品只需要写一份内容文件。
被替换的 D 版首屏截图
被替换的 D 版首屏:轨道装饰占据首屏,作品要往下滚才看得到

怎么验证

待 Felix 补充:上线后的验证方式,例如招聘方的反馈、Ask Felix 中访客的真实提问。

局限

AI 产出的速度很快,但方向的收敛完全依赖人的判断;早期没有先定规则就开始生成,导致了多轮返工。

下一个

Lotus 官网新车型上线协作平台