最近,我发现一件很奇怪的事。
AI 做网页已经很快了。你只要说一句「帮我做个网页」,它几分钟就能给你标题、按钮、动画,甚至连手机端都一起做好。
但很多网页只要看一眼,你就知道它是 AI 做的。
蓝紫色渐变、发光按钮、左边一段大标题、右边一张卡片,再配上三个图标。看起来什么都有,却总觉得少了一点自己的东西。
它只是做完了,还没有成为一个作品。
这次,我决定真的做一次实验。
我先让 AI 不加限制地做一个「人生时间胶囊」,再把它变成一间安静的「时间档案馆」。用户可以写一封给未来自己的信,选择开启日期,看着信纸折叠、信封合上、日期落印,最后进入自己的档案柜。

现在,它已经能真正写信、封存和保存了。所有内容只保存在当前浏览器,不会上传到服务器。
一、第一版,功能完成了
我给 AI 的第一句话很普通:
帮我设计一个人生时间胶囊网页,用户可以写一封给未来自己的信,并选择未来打开的日期。页面要简洁、高级、有科技感。
它没有理解错,页面也能用。但结果几乎就是我预想中的「AI 标准答案」。

- 蓝紫渐变
- 左文右图
- 圆角卡片
- 发光按钮
- 功能堆叠
问题不在于「丑」,而在于它与时间、记忆和等待几乎没有关系。把文字换掉,它也可以是效率工具、云盘,或者任何一个 SaaS 产品。
后来我读到 Lenny's Newsletter 上 Anshu Chimala 分享的一套 AI 设计流程。他提到,模型默认会选择最安全、最常见、最容易让多数人接受的设计,所以它很容易反复回到相似的结构。真正要做的是主动探索方向、建立自己的设计语言,再通过独立批评和删减完成交付。
二、「高级一点」不是设计方向
第一轮之后,我没有继续说「再高级一点」「再好看一点」,而是重新写清楚这个作品希望让人产生什么感觉:
不要把它做成普通产品官网。
用户进入的是一间安静的「时间档案馆」。画面里只有一张桌子、一封信,以及缓慢流动的时间。
使用米白、深棕、暗金和墨绿色,表现旧纸张、木质档案柜与自然光。避免蓝紫渐变、发光边框、功能卡片和传统导航。
交互要克制,但封存过程需要有仪式感:纸张折叠、信封合上、日期落印,最后进入档案柜。
页面不是在推销产品,而是在让人认真写下一段想留给未来的话。真正改变结果的,不是多用了几个形容词,而是明确了三件事:
它是什么、它要让人感受到什么、哪些常见做法不要出现。
三、我让另一个 AI 只负责挑刺
这一步是整个实验里最有用的变化。
做页面的 AI 很容易被自己的代码和上一轮决定影响。它知道哪里写起来很麻烦,也知道自己为什么这样设计,所以经常会给自己找理由。
我另外开了一个独立的「设计批评者」,不给它解释开发过程,只让它按照同一套标准检查两个版本的结构与实现。由于当时无法取得浏览器渲染截图,这一轮评分明确按 HTML 结构、样式与交互代码进行,没有把它包装成截图评分。
| 版本 | 独立评价 | 评分 |
|---|---|---|
| 第一版 | 模板痕迹重,情绪与主题脱节;按钮没有真实封存行为 | 4.1 |
| 重构版 | 概念已统一,但「未来开启」和无障碍规则还没真正闭环 | 7.6 |
| 最终版 | 补齐日期锁定、键盘操作、弹层隔离和减弱动效 | 8.7 |
评分不是审美真理,它只是让修改不再停留在「感觉还行」。重要的是,批评必须具体到结构、字体、留白、色彩和交互,而不是一句模糊的「继续优化」。
请把自己当成独立的设计批评者,不考虑实现难度,也不要体谅之前投入的工作。
先判断作品想表达的情绪与设计方向,再想象一家顶级设计工作室会如何完成同一主题。
指出当前版本最大的 5 个差距,重点检查:整体构图、视觉层级、字体、留白、色彩、交互暗示,以及明显的 AI 生成痕迹。
反馈必须具体、直接。最后给出 1~10 分,并说明扣分依据。四、最后的改变,大部分来自删除
第一版一直在证明「我做了很多」:导航、三个卖点、图标、说明、发光按钮,一个都不少。
最终版删掉了传统导航、三张功能卡、蓝紫渐变、发光特效和重复说明,只留下了一封信、一个日期、一次封存。
AI 很擅长往页面里加东西,而人的价值,很多时候是知道应该删掉什么。
现在用户打开页面,不需要先读一堆「功能介绍」,就能直接开始写信。封存时,信封会合上、日期会落印,信件随后进入档案柜。它没有真的被送到几年后的服务器,而是保存在浏览器本地——这也是我有意保留的边界。



五、真正的能力,藏在完整交付里
以前我们说 AI Coding,最容易展示的是一句话生成多少代码。
但这次让我印象更深的,是另一条完整链路:
实现 → 检查 → 批评 → 修改 → 验证 → 部署
AI 可以快速做出第一版,但「做出来」和「值得留下」之间,还隔着方向、标准、审美和一次次删改。
模型负责推进具体实现,我负责决定方向,也负责判断这个结果是否值得留下。另一个 AI 提供批评,但它的意见并不自动等于正确,最终还是需要人来选择。
六、附:让 AI 自己迭代的完整提示词
这套流程我原样留在下面,换成你自己的主题也能直接抄:
完成第一版后,请运行页面并进行检查。
将当前结果交给一个全新上下文中的设计批评者,不提供代码之外的解释、之前的修改理由或历史评价。
批评者要先判断作品的设计方向,再对照顶级设计工作室的完成度,具体指出整体构图、视觉重点、字体、留白、色彩、交互和 AI 模板感的问题,并给出 1~10 分。
根据最主要的问题修改一轮,优先解决结构和视觉重点,不要只是增加装饰。
修改后重新检查。最多执行 3 轮,避免为追逐分数无限修改。
最后检查电脑端和手机端、按钮交互、文字可读性、本地保存、动画流畅度及控制台报错,再交付最终版本。七、写在最后
现在,这封信已经可以真正写下、落印和封存。
如果让你给未来的自己留一句话,你最想写什么?
体验地址:https://sycode.cn/time-capsule.html
现在就去封存一封信 →本文为「AI Coding」专栏的设计实验记录。整个页面为纯前端实现,信件只保存在浏览器本地,不上传服务器。
WECHAT OFFICIAL ACCOUNT
小易AI实践
持续更新:一个人 + AI 能做出什么