聊聊线框稿、视觉稿与原型的区别

这是最简单的分法。

（拟真＝模拟真实最后产出，不是拟物风。

）
Wireframe
静态的「线框图」
Wireframe 是线框图，除去各种视觉影响元素，只用线条和方块来绘制，可以专注在功能和操作上。

不管是用手绘或是软件绘图都可以。

这是手绘的 Wireframe。

这是用 iPad 乱撇的 Wireframe。

很像最终产出的 App 设计，Dribbble上有很多都类似长这样，叫 Mockup，Mockup 也是静态的，不会动、不能被操作。

（会不会动不是指动画，而是指有没有串后台资料。

）
Prototype
「可操作的原型」
要被称为 Prototype 最重要的一点就是「它会动」也就是它可以被操作、有反应。

有人会把Prototype 分成低保真原型、高保真原型等等，不要想得那么复杂，只要会动的、可操作的、还没正式发布上线的，都能被称为 Prototype 。

低保真原型＝ Wireframe ＋可操作
高保真原型＝ Mockup ＋可操作。