原型图是什么？ 70次播放 00:00
原型图是产品在设计早期用于呈现功能界面、交互流程与信息架构的可视化模型，不等同于最终视觉稿。它帮助团队在投入开发前验证可行性、梳理逻辑、降低返工成本，并作为产品、设计、开发、测试之间的沟通“通用语言”。从作用上看，原型图贯穿“探索—验证—交付”全过程：既支持快速试错，也能用于演示与评审，确保各方对产品理解一致。 类型与差异 常见的原型可按两个维度划分：一是按...
原型图是产品在设计早期用于呈现功能界面、交互流程与信息架构的可视化模型，不等同于最终视觉稿。它帮助团队在投入开发前验证可行性、梳理逻辑、降低返工成本，并作为产品、设计、开发、测试之间的沟通“通用语言”。从作用上看，原型图贯穿“探索—验证—交付”全过程：既支持快速试错，也能用于演示与评审，确保各方对产品理解一致。
类型与差异
常见的原型可按两个维度划分：一是按保真度分为线框/低保真—中保真—高保真，保真度越高，越接近最终产品外观，用于宣讲与可用性测试更直观，但制作成本也更高；二是按交互程度分为静态原型与动态原型，动态原型可模拟页面跳转、弹窗、表单校验等，更适合复杂流程验证。需要强调的是，高保真原型仍属于原型，并非可直接投入开发的UI设计稿；UI设计稿在尺寸、色值、像素级规范上才是前端实现的依据。标准与规范
为保证一致性与可用性，原型设计应遵循明确规范：在视觉层，文字与图标需清晰可辨、配色具备对比度与可访问性，避免过度装饰；在交互层，遵循用户习惯，明确“从哪来、到哪去”，减少学习成本；在功能层，坚持“功能做加法，设计做减法”。面向不同终端，还应遵循平台差异：如Web端常见版心为960–1200px（默认安全区约1200px），移动端需关注手势、导航与触摸目标尺寸；同时建立交互、布局、视觉风格等统一规范，提升跨页面与跨角色协作效率。绘制流程与交付要点
高效产出原型通常遵循以下步骤：首先明确目标与受众（探索方向、验证问题或交付评审）；随后进行信息架构与流程设计（用流程图、思维导图厘清关键路径与异常分支）；接着完成界面搭建与交互设置（以组件化方式构建页面，串联跳转与状态）；最后进行评审、测试与迭代（收集反馈并优化逻辑与体验）。交付时，除可交互原型外，建议配套标注与说明（边界条件、状态、跳转关系）、流程图与必要的PRD要点，并在同一页面尽量展示关键交互状态，减少理解成本。工具选择与适用场景
工具选型应匹配项目复杂度与团队协作方式：Axure RP适合复杂逻辑与数据驱动场景，交互能力强但学习曲线较高；Figma基于云端、擅长实时协作与组件系统，适合远程团队与从设计到原型的连贯流程；墨刀支持在线协作与原型演示，便于快速搭建与分享；Balsamiq偏向低保真线框与草图表达，适合早期构思与头脑风暴。实践中可按“给谁看”来搭配：给自己或内部评审可用草图/低保真；给开发评审侧重交互与逻辑；给客户演示可使用高保真以提升观感与说服力。 
土土哥 
