用 AI 做界面，别只说“高级一点”

用 AI 写页面，最容易陷入一种循环：

“这里加点动效。”“不太对，再自然一点。”“还是差点感觉……”

改了几轮，代码越来越多，效果却未必更好。

问题可能出在需求上。“高级感”是一种感受，还需要翻译成具体的交互。

比如按钮，与其说“做得有手感”，不如这样描述：

按下时轻微缩小，松开后平滑恢复。加载时显示状态，避免重复点击。

卡片展开，也可以说得更明确：

点击后展开详情，保持封面和标题的视觉连续。支持关闭按钮与键盘退出，关闭后回到原卡片。

不用堆很多专业术语，先说清三件事就很有用：

什么时候动、怎么动、动完怎么办。

最后一点尤其容易被忽略。抽屉滑出来了，背景还能不能滚动？弹窗关闭后，刚才看到的位置还在不在？快速点两次，会不会卡住？

这些细节，往往比动画本身更影响使用体验。

最近我把一些交互主题整理进了 Motion Lab：可以直接试玩，看原理拆解，也能复制提示词，再根据自己的项目调整。里面的演示是帮助理解交互的独立示意。

有兴趣可以看看：https://zfjwork.top/vibe_coding/

下次让 AI 改界面前，不妨先把“高级一点”换成一句具体描述。很多时候，效果变好的第一步，是我们终于把想要的东西说清楚了。