人机交互 · 做产品的方法 / 写给每一个想动手的人
现在用 Vibe Coding，一句话就能生成一个能跑的东西。这是好事——它把“创造”还给了每个人。但一个真正的数字产品背后，藏着十几个专业环节。这张图用“开一家餐厅”打比方，把每个环节、连同里面的每一个专业词，都点开讲透——一句话速懂、再细一点、举个例子，适合的还配上小图。
Vibe Coding 让“做”变得很容易，却也让人很容易丢掉专业性——做出来的东西，常常“看起来能用，其实站不住”。
一手 · 保住创造力
敢想、一句话就开始，把想法快速变成能看见的东西。这是 AI 给我们的礼物。
一手 · 补上专业性
知道水面下有这些环节、每个词到底什么意思。看得懂，才指挥得动 AI、兜得住底。
下面把整条链路拆成 三大阶段、十三个环节。每个环节给你专业解释 + 通俗解释（开餐厅）+ 细分；而每一个细分词，点开都有“一句话 + 再细一点 + 举个例子”，标着 图 的还配了小图。
一张图看全 · 十三个环节
一个数字产品，大致这样一步步长出来。点任一环节可跳到详解。
“一句话做产品”很爽，但那只是冰山露出水面的一角。水面下，是这十三个专业环节在悄悄托着它。
我们不是要你每一门都成为专家，而是要你知道它们存在、看得懂每个词——这样你既敢一句话就开始（创造力），又不会做出“看着能用、其实站不住”的东西（专业性）。
创造力 × 专业性 = 既敢做，又做得住。