如何5个步骤获得Web原型？_极简乐鱼全站app下载│乐鱼体育app在线下载网站建设公司

如何5个步骤获得Web原型？

2019.07.24 mf_web

101

许多新手设计师不知道如何使用原型制作工具制作网络原型。在开始项目之前，这里有5个步骤建议供参考。

没有任何基础，任何产品都不会生产。产品的出现通常代表了一定的市场需求。设计师是那些收集这些需求的人。很长一段时间以来，绝大多数设计师都使用冗长而复杂的文本描述来完成用户需求文档（PRD）。然而，自从原型设计工具出现以来，这种现象发生了很大的变化。现在制作原型已成为用户需求文档制作中不可或缺的一部分。许多新手设计师在被要求制作原型时可能并不熟悉原型设计和制作。在这里，我们将向您介绍5个简单的步骤，以获得Web原型。

第1步。收集需求

当您获得收集的需求数据时，您必须弄清楚真实的用户需求和用户的异想天开。实际上，这需要一些行业经验来做出判断，但新手并非无奈。在数据库的区分中，首先需要注意从用户的角度思考问题。无论设计多么华丽，代码如何流畅。如果用户不喜欢它，那么一切都是徒劳的。良好的产品基础是一个很好的原型，是用户需求收集的基础。

用户需求

第2步。纸张原型设计

获得数据后，我们可以开始直接制作网络原型吗？不，这不像你想象的那么容易。很多新手都开始直接在电脑上制作原型，但在我看来并不推荐。事实上，许多设计师在原型设计过程中忽略了一个非常重要的过程。那是纸质原型。纸质原型的优势在于您可以在短时间内快速完成设计。它促进了集团内部的沟通和思想交流。此外，纸张原型非常简单，快速改进。

第3步。选择工具

在选择原型制作工具时，我不建议初学者使用全功能的难度工具，如Axure和Justinmind。因为这些工具对新手来说不那么友好，所以可能会浪费大量时间甚至延误整个项目。所以我认为新手可以尝试更简单的原型设计工具，如Mockplus，UXPin和Proto.io来进行设计。在困难中，Mockplus可以说几乎为零。作为基于Web的工具，UXPin和Proto.io对于Web设计人员来说更方便。

原型制作工具

第4步。线框交互

有一些差异在制作原型和线框。首先，线框不包括交互。但原型确实如此。交互式原型在设计者和开发者之间的沟通中起着非常重要的作用。交互式动作可以比复杂的单词更好地解释功能需求。这就是我不推荐Balsamiq的原因。Mockplus在设置交互方面比Uxpin和Proto.io有很大的优势。此外，Mockplus和Proto.io的可视化也值得称道。

纸原型

第5步：预览和测试

精心设计的原型需要向开发人员提供预览功能进行测试。演示有时比制作原型更具挑战性。通常，演示文稿通过计算机直接向开发人员演示。但是，在实际过程中，导出的HTML，演示包和已发布的云项目更便于部门之间的协作。特别是在不同地区设计团队和开发团队时。许多工具公司实际上已经注意到了这一点，他们在导出HTML文件和将项目发布到云方面做了大量工作。