你知道原型是什么吗

为了讨论方便，有必要先作一个简单的定义。

这里的原型指的是对最终产品各页面上内容的简单呈现，一般不会设置颜色和

字体，也不含图片。这里的原型，也一般被称做线框图、示意图、蓝图。在一

些极端的状况下，原型图每每能够先被抽象成一个个的模块组合，而后再去细

化每一个模块中的内容极其展现形式。

原型的主要做用是为了沟通最初的产品设想。原型图展现的是内容和结构及粗

线条的布局，而不是视觉设计。

必定程度上，原型图是为了说明用户将如何与产品进行交互，其主要受众是团

队里的工程师与设计师。原型图必定要体现出用户在每一个页面上指望看到的内

容，以及这些内容在页面上的相对优先级。一般状况下，原型图在纸上呈现，

也可使用一些特定的软件进行制做，常见的包括 Axure、Visio 等。

因此，根据这个定义和解释。咱们接下来讨论的问题，主要是围绕着 Web 网站

和 APP 的原型设计进行的。
关于原型的精细程度

业界广泛的认知是，原型作相对中保真便可。中保真的原则是，对照原型，团

队的设计师和工程师可以明白咱们要作的是一件什么事情及这件事的重点就可

以了。

固然，还存在另一个观点，原型，必须是要高保真的。对于这个观点，我的

持保留意见。高保真的原型须要花费更多的精力，同时，不够敏捷。
关于原型绘制工具

在程序员的世界里，终极问题是，什么是最好的语言？在前端工程师的世界里

，终极问题是，什么是最好的浏览器？在产品经理和交互设计师的世界里，终

极问题是，什么是最好的原型工具？

基本上，不存在绝对好用的工具，彻底取决与本身的爱好与使用是否顺手。关

于原型绘制工具，网络上有不少人总结了不少不一样的工具，你可自行选择。我

我的使用的比较顺手的是 Axure。

哦，对了，实际上最好用的原型设计工具，最后，我发现，是纸和笔。在快捷

酒店管家的实际项目运做中，咱们更多的是运用白板来绘制原型，而后将通过

讨论经过的原型用手机拍下来作记录存档。
关于 Axure 的使用

一、千万不要去学习复杂的交互动做！

首先，在 Axure 里使用复杂的交互会上瘾，这将大大的浪费你的时间；其次，

设计师和工程师都不会看你的复杂交互动做的，他们只以为这是个图形而已；

第三，若是你真想学，为何不去学 DIV+CSS 呢？

二、若是你确实须要表达一个复杂的交互，能够考虑将这个交互拆解了表述

典型的好比一个输入框的不一样状态。能够拆解为，得到焦点激活输入框 – 正

在输入中 – 输入完成激活提交按钮 – 点击提交按钮完成提交。

这种拆解的方式，虽然看上去会占篇幅，可是却实在是最容易被理解的，连流

程图都能省略了。

三、能够考虑将需求文档与Axure原型结合起来

只是说能够，没说必定要这么作。这是我一直在使用的一种方式，我本身以为

效果还不错，详细的能够参考“基于 Axure 的 PRD 协做”，再也不赘述。

四、必定要有一套属于本身的控件库

控件库，简单理解就是将产品拆解成不少的小零件，当你须要的时候，将这些

零件进行组装便可。这能够大大的提升你的原型制做效率。

关于原型控件，每一个原型工具都有，你能够本身网上搜索。在实际运用的过程

中，你能够根据本身的须要对这些控件作修改，以后能够再次使用。

五、原型的版本存档一样重要

原型，跟实际产品同样，是会迭代和不断被修改的，因此，必定要记得存档。

即便是在同一个原型上作修改，也必定要作记录，这对后续回顾很重要。
最后，原型设计，是每一个交互设计师和产品经理最最最基本的技能，也是一个

梳理思路很好的方式。
有关Axure的课程，请前往：http://www.elsyy.com/course/5065
《Axure RP7.0从入门到精通》