原型设计是什么

原型设计是什么

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。

线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。

原型设计的目的

原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。

原型设计的流程

开始做原型之前，请先考虑清楚以下几个要素：

• 做这个原型的目的是什么？

• 这个原型的受众是谁？

• 这个原型有多大效率帮助我传达设计或测试设计？

• 有多少时间做原型？需要什么级别的保真程度？

原型设计流程

• 步骤一：画草图

画草图的目标是提炼想法，并且最好给画草图加上一个时间限制，那就是15分钟。

如果你绘画能力很差，那么恭喜你，可能你能更好地用好草图，因为你的注意力没有放在美化你正在画什么上面。

画草图要避免陷入审美细节，尽可能快速的导出想法才是关键。

用纸笔画的用户个人账户的草图示例

• 步骤二：演示及评论

演示和评论的目标是把一些想法拿出来跟大家分享，然后进一步完善想法。在演示过程中，要做好记录，演示和评论的时间可以对半分。

• 步骤三：做原型

在明确了想法之后，就可以开始进行原型设计了。这个阶段需要考虑很多细节，找出切实可行的方案，运用合适的原型来表达。

原型设计工具

选择什么工具来制作原型？主要考虑以下几个因素：

• 熟悉程度和获得工具的便利度；

• 所需的时间和精力；

• 可复用的代码/框架；

• 为测试创建可用的原型；

• 价格和学习曲线。

在这里我介绍两种我经常用到的原型设计工具。

墨刀和即时原型（xiaopiu）

• 优点：

• 技术门槛低，学习曲线不陡峭；

• 复用性高；

• 模拟移动端或PC端产品，修改画板适应尺寸即可；

• 可导出为HTML或PDF文件。