← 返回博客
第二章:如何和 AI 对话

给出具体例子

入门12 分钟技巧

这节课你会...

学会用"举例子"的方式让 AI 更准确地理解你。有时候一个例子比一百个字管用。


一图胜千言

假设你想做一个登录页面。你可以跟 AI 说很多:

"左边一个图片区域,右边是表单,表单上面放 logo..."

也可以直接说:

"做一个登录页面,布局参考苹果 iCloud 登录页——左右分栏,左边放品牌图,右边放登录表单。"

AI 可能不知道你见过哪些网站,但你提到的它大概率知道。用知名的东西做参照物,是最省力的描述方式。


三种参考方式

给网址

"这个页面的布局风格参考 https://stripe.com/pricing 的卡片式设计"

给截图描述

"我想做的布局大概是这样:最上面是大标题,下面并排三列,每列一个图标 + 标题 + 描述文字,最下面一个按钮"

给代码片段

"这段代码的效果我可以接受,但颜色太暗了,帮我把背景换成白色系"


参考不是抄袭

有些学习者会担心:"参考别人的设计是不是不好?"

完全不是。参考和抄袭的区别:

  • 参考:"我喜欢 Stripe 定价页那种三列卡片式布局,帮我做一个类似感觉的"
  • 抄袭:把别人的代码原封不动搬过来,换个名字

所有设计师和开发者都在"参考"——看别人的作品,吸收灵感,化为己用。这是学习的一部分。


写 Prompt 不是考试。你不需要凭空想出完美的描述。看到好东西,告诉 AI "像那样",这不丢人。

AI 助教
AI 学习助手
你好!我是你的 Vibe Coding 学习助手。有什么不懂的随时问我,比如: - 这个课程里的概念我不太明白 - 帮我看看这个描述能不能让 AI 理解 - 我想做一个 [xxx],该怎么描述?