一、原型设计概述：什么是交互原型、原型设计的意义、原型设计师的职责与技能树
1.1 什么是交互原型
交互原型，说白了就是产品的「草稿版」。
你想想看，盖房子之前得先画图纸吧？做软件也是一样的道理。原型就是那个图纸——它把脑子里的想法，变成了屏幕上能点、能划、能看的界面。
我个人习惯把原型分成三类：
- 低保真原型——黑白线框，像草稿纸上的涂鸦。主要用来快速验证逻辑对不对。
- 中保真原型——有了基本的颜色和布局，但细节还没打磨。适合给团队看流程。
- 高保真原型——几乎跟最终产品一模一样。我一般拿它去做用户测试。
核心要点：原型不是设计稿，它是用来「沟通」和「验证」的工具。别把它当成最终产品来抠细节。
我在项目中遇到过不少新人，一上来就用高保真原型做所有页面。结果改一个按钮就要花半天时间，效率极低。嗯，这里要注意——先想清楚你要验证什么，再决定用哪种保真度。
1.2 原型设计的意义
为什么要花时间做原型？直接写代码不香吗？
我曾经也这么想。直到有一次，我花了两周时间写了一个功能，结果产品经理看了一眼说：「不对，我要的是另一种交互方式。」那一刻，我整个人都裂开了。
原型设计的意义，我总结为三点：
- 降低沟通成本——文字描述容易产生歧义，原型一看就懂。
- 提前发现问题——逻辑漏洞、流程断点，在原型阶段就能暴露出来。
- 节省开发资源——改原型比改代码快得多，成本也低得多。
我的经验：一个项目如果前期原型做得扎实，后期开发返工率至少降低 60%。这笔账，你算算值不值。
说白了，原型就是「低成本试错」。你想想看，用纸和笔就能验证一个想法，为什么要等到代码写完了才发现走错了路？
1.3 原型设计师的职责
原型设计师到底干什么？很多人以为就是画画图、点点鼠标。其实远不止这些。
我整理了一份职责清单：
| 职责领域 | 具体工作内容 |
|---|---|
| 需求理解 | 跟产品经理、业务方沟通，搞清楚到底要做什么 |
| 信息架构 | 梳理页面结构、导航逻辑、内容层级 |
| 交互设计 | 定义用户操作流程、反馈方式、转场动画 |
| 原型制作 | 使用工具（Figma、Axure、Sketch等）产出可交互原型 |
| 测试验证 | 组织可用性测试，收集反馈并迭代优化 |
| 文档输出 | 撰写交互说明、标注逻辑规则，方便开发落地 |
避坑指南：我曾经见过一个设计师，原型做得特别漂亮，但开发根本看不懂交互逻辑。记住——原型是给团队看的，不是给你自己欣赏的。交互说明一定要写清楚。
1.4 原型设计师的技能树
想成为一名合格的原型设计师，你需要掌握哪些技能？我把它画成了一棵树：
硬技能（树干）
- 工具掌握——至少精通 1-2 款原型工具。我个人推荐 Figma，协作功能太强了。
- 交互原则——了解尼尔森十大可用性原则、菲茨定律、希克定律等基础理论。
- 信息架构——会画站点地图、流程图、用户旅程图。
- 基础前端知识——懂一点 HTML/CSS，能跟开发无障碍沟通。
软技能（枝叶）
- 沟通能力——能把复杂逻辑用简单的话讲清楚。
- 逻辑思维——能发现流程中的漏洞和边界情况。
- 同理心——站在用户角度思考问题。
- 抗压能力——原型改个七八版是常态，心态要稳。
我个人的建议：别急着学所有工具。先把一个工具用透，把交互思维练扎实。工具可以换，但思维方式才是你的核心竞争力。
你想想看，一个原型设计师的价值，不在于他画得有多快，而在于他能不能帮团队少走弯路。这才是真正的「从零到一」。
我记得刚入行的时候，带我的前辈说过一句话：「原型设计师不是画图的，是帮团队省钱的。」这句话我一直记到现在。
嗯，第一章的内容就到这里。下一章我们会聊聊原型工具的选择——Figma、Axure、Sketch，到底该用哪个？到时候见。