名词百科

什么是原型图 / 线框图?

一句话定义

原型图是产品界面的低保真示意,表达布局与元素位置;线框图更强调结构骨架,通常不含视觉细节。两者用于在开发前确认信息架构与流程。

发布者:黔序科技

它到底是什么

原型的作用是把抽象需求变成可讨论的对象。文字描述容易各自理解不同,画出来之后分歧会立刻暴露,此时修改成本最低。

低保真原型(黑白框线)适合讨论结构与流程;高保真原型(接近最终视觉)适合确认细节与对外演示。选哪种取决于要解决的问题,而不是做得越精细越好。

怎么运作的

信息架构:先确定有哪些页面、层级关系、导航方式,再画具体页面。

页面骨架:用方框表示区域,标注内容类型与优先级,不纠结字体与颜色。

流程图:把关键任务的操作路径画出来,标注分支与异常。只画页面不画流程,容易漏掉状态与跳转。

可点击原型:串联页面形成可操作流程,用于内部评审或用户测试。这是发现流程问题最有效的方式。

容易混的几个概念

  • 线框图:结构骨架,不含视觉细节。
  • 高保真原型:接近最终视觉,可用于演示。
  • 视觉稿(UI 稿):最终界面设计,供开发实现。
  • 流程图:表达逻辑与分支,不以界面为单位。

常见问题

原型要不要做得很精细?

按用途定。内部讨论结构与流程,低保真足够且效率高;对外演示或需要确认视觉细节时才做高保真。过度精细会拖慢需求确认节奏。

原型能代替需求文档吗?

不能完全代替。原型表达界面,但字段规则、权限、异常处理、数据来源这些无法在图上体现,仍需文字说明。

J 项目运维 · 同组词条