线框图、原型、视觉稿需要分这么清楚？

不能不说涨姿势了，原来只知道视觉稿和线框原型不是一回事，如今才发现还有把线框图和原型也分这么清楚的。

请先阅读参考文献：《涨姿势！聊聊线框图、原型和视觉稿的区别》

按照文中所言，将线框图、原型、视觉稿三者先按英文名分了一遍：Wireframe、Prototype、Mockup。

从字面看，只有Wireframe对得上号，Mockup有相关工具，输入我们一直称之为快速原型，而Prototype就……

再看作者按照功能的分工：

线框图 （Wireframe）是低保真的设计图，当明确表达：

内容大纲（什么东西）

信息结构（在哪）

用户的交互行为描述（怎么操作）

原型（Prototype），常常和线框图混淆，是中等保真的设计图，代表最终产品，模拟交互设计。原型当允许用户：

从界面上，体验内容与交互

像最终产品一样，测试主要交互

视觉稿（Mockup）是高保真的静态设计图。通常来说，视觉稿就是视觉设计的草稿或终稿。优秀的视觉稿当：

表达信息框架，静态演示内容和功能

帮助团队成员以视觉的角度审阅项目

嗯，好像很有道理。

但其实个人看来，这些习惯并不存在对错，因为产品设计本来就没有对应的专业和标准，实际上都是自己摸索出来的，只要在团队里面用得合适，不影响沟通就行，何必这么斤斤计较？

所以，定标准的事情还是留给今后有对应专业的学术教授去思考吧。

顺便说说我习惯的分类和叫法：一般Mockup就直接叫做快速原型了，这种一般就是无交互的简单线框图；然后用Axure设计出来的一般就是交互原型，是在Mockup的基础上有了可以实际交互的功能；而视觉稿一般就是视觉设计师设计出来的效果了，产品和交互都不插手的（当然交互部分产品和交互设计师职能会出现重叠，这个看公司的岗位配置了）。

最后引用一句，不管白猫黑猫，能找到老鼠就是好猫，互联网人讲究的是务实，不是钻牛角尖。