不能不说涨姿势了,原来只知道视觉稿和线框原型不是一回事,如今才发现还有把线框图和原型也分这么清楚的。
请先阅读参考文献:《涨姿势!聊聊线框图、原型和视觉稿的区别》
按照文中所言,将线框图、原型、视觉稿三者先按英文名分了一遍:Wireframe、Prototype、Mockup。
从字面看,只有Wireframe对得上号,Mockup有相关工具,输入我们一直称之为快速原型,而Prototype就……
再看作者按照功能的分工:
线框图 (Wireframe)是低保真的设计图,当明确表达:
内容大纲(什么东西)
信息结构(在哪)
用户的交互行为描述(怎么操作)
原型(Prototype),常常和线框图混淆,是中等保真的设计图,代表最终产品,模拟交互设计。原型当允许用户:
从界面上,体验内容与交互
像最终产品一样,测试主要交互
视觉稿(Mockup)是高保真的静态设计图。通常来说,视觉稿就是视觉设计的草稿或终稿。优秀的视觉稿当:
表达信息框架,静态演示内容和功能
帮助团队成员以视觉的角度审阅项目
嗯,好像很有道理。
但其实个人看来,这些习惯并不存在对错,因为产品设计本来就没有对应的专业和标准,实际上都是自己摸索出来的,只要在团队里面用得合适,不影响沟通就行,何必这么斤斤计较?
所以,定标准的事情还是留给今后有对应专业的学术教授去思考吧。
顺便说说我习惯的分类和叫法:一般Mockup就直接叫做快速原型了,这种一般就是无交互的简单线框图;然后用Axure设计出来的一般就是交互原型,是在Mockup的基础上有了可以实际交互的功能;而视觉稿一般就是视觉设计师设计出来的效果了,产品和交互都不插手的(当然交互部分产品和交互设计师职能会出现重叠,这个看公司的岗位配置了)。
最后引用一句,不管白猫黑猫,能找到老鼠就是好猫,互联网人讲究的是务实,不是钻牛角尖。