产品设计师的基本技能——原型设计

原型设计是每个交互设计师和产品经理的最基本技能，也是理解思路的好方法。

关于什么是原型

为了便于讨论，首先需要做出简单的定义。

这里的原型是指最终产品每页上的内容的简单表示，通常没有设置颜色和字体，也没有图像。这里的原型通常也称为线框，原理图和蓝图。在某些极端情况下，原型图通常可以抽象为单独的模块组合，然后细化每个模块中的内容。

原型的主要作用是传达原始产品愿景。原型显示内容和结构的布局和粗线，而不是视觉设计。

在某种程度上，原型是为了说明用户如何与产品进行交互，主要受众是团队中的工程师和设计师。原型图必须反映用户期望在每个页面上看到的内容以及这些内容在页面上的相对优先级。通常，原型在纸上呈现，可以使用某些特定的软件进行制作，包括Axure，Visio等。

所以，基于这个定义和解释。我们接下来讨论的问题主要围绕Web 网站和APP的原型设计。

关于原型的精细程度

业界普遍认为原型可以相对保真。保真原则是，对于原型，团队的设计师和工程师可以理解我们将要做什么以及这个问题的重点是什么。

当然，还有另一种观点，原型必须是高保真的。个人对这一观点持保留态度。高保真原型需要更多的努力并且不那么灵活。

关于原型绘制工具

在程序员的世界里，最终的问题是，什么是最好的语言？在前端工程师的世界里，最终的问题是，什么是最好的浏览器？在产品经理和交互设计师的世界中，最终的问题是，什么是最好的原型设计工具？

基本上，根据您的爱好和用途是否容易，没有绝对有用的工具。关于原型制作工具，网络上有很多人总结了许多不同的工具供您选择。我个人使用的是Axure。

哦，是的，实际上使用了最好的原型制作工具。最后，我发现它是纸和笔。在Express Hotel Butler的实际项目操作中，我们使用白板绘制原型，然后采用已讨论的原型并使用它来记录它。

关于 Axure 的使用

1、千万不要去学习复杂的交互动作！

首先，在Axure中使用复杂的交互是令人上瘾的，这将浪费你的时间。其次，设计师和工程师不会看你复杂的互动。他们只是认为这是一个图形。第三，如果你真的想学习，为什么不学习DIV + CSS？

2、如果你确实需要表达一个复杂的交互，可以考虑将这个交互拆解了表述

典型值，例如输入框的不同状态。可以反汇编以获得焦点激活输入框 - 在输入中 - 输入完成激活提交按钮 - 单击提交按钮以完成提交。

这种拆解方式虽然似乎占用空间，但实际上最容易理解，甚至可以省略流程图。

3、可以考虑将需求文档与Axure原型结合起来

只是说是的，我没有说我必须这样做。这是我一直在使用的方式，我认为效果并不差，详情请参考“基于Axure的PRD协作”，不再重复。

4、一定要有一套属于自己的控件库

控制库，简单的理解是将产品拆解成许多小零件，并在需要时组装它们。这可以大大提高您的原型制作效率。

关于原型控件，每个原型工具都有它，您可以在线搜索。在实际的应用程序中，您可以根据需要修改这些控件，然后再次使用它们。

5、原型的版本存档同样重要

与实际产品一样，原型是迭代的并且经常被修改，所以一定要记住存档。即使您对同一原型进行更改，也必须进行记录，这对后续检查很重要。

（Express Hotel Butler主页的早期原型）

最后，原型设计是每个交互设计师和产品经理的最基本技能，也是理解思路的好方法。