原型设计

工具选择

工具	适用场景	特点
Figma	高保真原型、团队协作	在线实时协作，组件库强
Axure RP	复杂交互逻辑	条件判断、变量、逻辑跳转
Sketch	Mac端高保真	插件生态丰富
纸笔/白板	快速发散	概念验证，成本极低

原型保真度选择

阶段	保真度	目的
需求探索	低保真（线框图）	快速验证信息架构
方案评审	中保真	与开发/设计对齐逻辑
视觉还原	高保真	设计稿，标注输出

Figma 核心技能

组件系统

Component：可复用组件，修改 Master 自动同步
Variant：同一组件的不同状态（正常/Hover/禁用/选中）
Auto Layout：类似 Flexbox，响应式布局利器

交互演示

Prototype 模式：连接页面跳转，演示用户流程
Smart Animate：元素间平滑过渡动效

交互设计原则

一致性：相同操作相同反馈，统一组件库
反馈：每个操作都有视觉/触觉/声音反馈
防错：关键操作加确认，表单实时校验
容错：错误操作可撤销，清晰的错误提示
最小惊喜原则：行为符合用户预期