一天做完 3 个网站案例：我的 AI 建站流程

我准备接单做网站，第一件事是要有能拿给客户看的案例。这篇记录我怎么在一天里做完 3 个。

先交代「一天做完」是什么量：3 个完整的单页网站，每个 5 到 7 个区块，桌面和手机都适配，中英双语可以切换，最后部署到线上、国内能打开。

流程

挑素材。在 SceneAI（一个 UI 设计 + 提示词的素材库）里挑了 3 个类型不同的设计：AI SaaS 落地页、摄影师作品集、旅行社官网。刻意选不同类型，因为客户问得最多的就是「你能做我这一类吗」。
拆动效。先把每个设计的预览视频逐帧看一遍，搞清楚「动的是什么」：一个是鼠标当手电筒揭开隐藏图层，一个是镜头穿过飞机舷窗。
实现首屏，补齐整页。首屏按原设计的规格做；其中两个素材只有首屏，我在同一套视觉语言下补齐了下面的区块，让它们是能完整浏览的网站。
双语。中文不直译，按各站的语气重写；中文标题只在标点处换行，不让「把语音变成文 / 字」这种断行出现。
检查和上线。对照一份网页界面规范逐条检查，修了 20 多处，然后部署。

授权。素材可以商用、可以用在给客户的项目里，但条款写明不能声称设计是自己原创的。所以这 3 个案例里，我的分工只写「开发」，页脚标明素材来源。

两张图对不齐。作品集那个设计要把两张图叠在一起用，但原素材两张图的构图不一样，面具会偏离脸。我用特征点把两张图对齐到同一画布，任何屏幕比例下都能严丝合缝。

图太大。两张人像原图加起来 28MB。转成 WebP 后不到 200KB，整个案例站 5.7MB。

国内打不开。原设计依赖 Google 字体和海外 CDN，在国内要么加载失败，要么整页样式丢失。字体、脚本、视频全部改成本地文件以后，才算真正能给国内客户看。

这一天里，写代码的主要是 AI。我做的是判断：挑哪 3 个、哪里要补、哪些问题必须修、什么时候算做完。上面 4 个坑，没有一个是 AI 主动提出来的。