什么是原型设计

首先，简单介绍

简单讲， 原型仅仅只是一个网页或App的模型，常规将分为纸质的和电子的两种类型。方便设计师或设计团队之间，相互沟通，协作和迭代产品设计构思。后期，细节和交互丰富的高保真原型，还能帮助设计师们直接测试产品可能存在的问题。 总体上，只是产品概念性模型，并不是最终产品。

而demo则是产品的真实状态，能够供客户或设计师直接使用或测试的版本。当然，它可能并不是产品的最终状态。就类似音乐demo，可供快速查看和了解产品未来的最终状态。

其次，负责人员

原型一般由设计师或产品经理完成，方便在设计和迭代阶段，能够更加便利的沟通、改进和迭代设计构思。

而demo，则一般由开发人员根据设计稿或原型开发完成。

最后，使用工具

原型， 现今一般通过原型设计工具完成，例如国内热门的摹客原型设计，提供非常全面原型设计功能，设计、协作、沟通、迭代以及分享都能分分钟完成。它的在线版本，也是新增很多全新供能够，例如更多拿来就能用的复合组件，更多状态和命令交互选择，更多图标，以更多团队协作和管理功能等等。

demo则需要产品编程工具，从头编写。

原型设计工具，说白了就是能够帮助设计师制作静态或动态网页/App设计模型的工具。

在界面设计初级或中期，为了能够方便和其他设计师讨论、测试产品相关的设计想法，需要利用各种原型工具将产品模型做出来，一个个界面修改和迭代，必要的时候，还可以制作成动态的模型，直接测试，看看可能会有哪些问题或不足等。

而且，现在市场上其实有很多好用的原型工具。就像我们团队用的就是一款叫摹客Mockplus的原型工具。制作原型的时候，不仅提供大量优质模板，还可以直接拖拽各类组件或图标，按需从头快速绘制原型。 交互和动画也可以拖拽添加。 总的来说，使用起来相当简单。

关于你的提问，我来分享一下我的观点：

原型：

1．用线条、图形描绘出的产品框架，也称线框图。

2．交互设计的结果输出，可能是一张纸上的几张图；原型代表着交互设计的结果，当最终实现的时候，交互流程会和原型保持一致；可以理解为草稿或者叫做参照物

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

原型设计：

线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。 原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。

目前比较好用的在线原型设计工具有Marvel，Invision，墨刀等等。

关于交互设计和用户体验以及产品专业以后找工作的机会多少问题，还是根据个人兴趣爱好以及具备该项能力的强弱。人生，就该选择自己开心快乐的职业~加油！

原型设计是什么?

以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、原素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具像跟生动的进行表达.原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。

在原形设计上:Axure软件提供了一套非常完美的原形设计工具。

“原型”对创造成功的用户体验至关重要。但是对许多产品团队来说，原型仍然是UX设计过程中最令人困惑的部分之一。毫无疑问，原型可以是任何东西，从一系列代表app的不同界面或状态的纸质草图，到功能齐全、像素完美的app。

同时，了解原型设计主要与产品研发速度有关—目标不是创建可重用代码，而是尽快落地一个可交互的设计。

先说什么是低保真原型和高保真原型之前你要先明白下面的几个问题。

我们经常在不同的背景里看到“原型”这个词。 由此，我们很可能已经混淆它的真正含义。

它最基本的含义：原型是设计想法的表达。原型让设计师们得以展现他们的设计，以及模拟真实的使用场景。在数字化的背景下，原型能够模拟用户与界面之间的最终交互行为。根据产品团队的需求，原型可以模拟整个app或仅单个交互行为。原型可以模拟最终产品的运作方式。它支持产品团队测试其设计的可用性和可行性。也有很多人将原型与草图，线框图和模型混淆，实际上它们不同于原型。“交互性”这个概念是原型的根本，因此这就是为什么草图，线框图和模型不能被视为“原型”的理由。

做原型主要是为了在做实际产品之前测试设计（和产品创意）。 是否进行测试与产品的成功直接相关。 不用想，当产品在市场上上市，人们开始使用它时，你的设计将被用户测试。如果这是首次测试，则很有可能会有来自用户的负面反馈。因此，在低风险的研究阶段和公开发布之前收集产品反馈，总是更好。

以下是需要原型的两种情况：

确保设计理念按预期进行。 在大多数情况下，让实际用户测试产品概念是相对容易的。一旦用户拿到一个可以交互的产品原型，产品团队就能够看到目标受众是如何使用该产品。 根据这些反馈，可以调整初始理念。

确定用户能够顺利地使用产品。 原型的必要性是在产品发布前发现和解决可行性问题。它能测试出产品需要改进的地方。 这也是之所以那么多产品团队创建原型，让用户测试它们，并迭代设计直到它足够好的原因。

原型不一定要看起来像最终产品——它们可以有不同保真度。 原型的保真度指的是它如何传达最终产品的外观（也就是指它的细节和真实感级别）。

保真度可以在以下方面有所不同：

视觉设计

内容

交互性

原型的类型有很多，基本介于这两种类型之间。

低保真

高保真

产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。

低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。

通过墨刀做的一个低保真原型示例

以下是低保真原型的基本特征：

视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。

内容：仅包含内容的关键元素。

交互性：原型可以由真人模拟。 在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。

便宜。 低保真原型制作的明显优势在于其极低的成本。

快速。 可以在五到十分钟内创建一个低保真纸原型。 让产品团队可以毫不费力地探索不同的想法。

协作。 这种原型设计刺激了小组协作。它的设计不需要什么特殊技能，因此更多人可以参与到设计过程。 即使是非设计师也可以在创意过程中发挥积极作用。

清晰。 团队成员和利益相关者对将来的项目有了更清晰的期望

测试期间的不确定性。 使用低保真原型，对于测试者来说，容易不清楚到底什么本来是有效的，什么不是。另外，低保真原型需要用户充分的想象力，也限制了用户测试的效果。

有限的交互性。 使用这种类型的原型想要传达复杂的动画或转场效果是不可能的。

纸制原型和可点击的线框是两种流行的低保真原型制作技术。它们都致力于以最快的迭代设计思路，直到项目团队和利益相关者都对产品的基础模型感到满意为止。

高保真 (Hi-fi) 原型的呈现和功能，尽可能类似于发布的实际产品。 当团队能深入了解产品的预期，需要与真实用户一起测试，或获得利益相关者的最终设计批准时，通常会创建高保真原型。

一个高保真交互式原型, 通过墨刀制作

视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。

内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。

交互性：原型在交互层面非常逼真。

可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。

对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。

轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。

成本较高。 与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。

使用专业软件创建的数字原型，数字原型是最常见的高保真原型形式。如今，各种专业软件使设计人员能够创建充满互动效果和复杂动画的视觉丰富、功能强大的原型。

用户界面设计员负责维护用户界面原型的完整性，并确保按照用例示意板和边界对象的要求，使用原型构建一个可用的用户界面。

原型设计之于应用开发，是为第一要素。它所起到的不仅是沟通的作用，更有体现之效。通过内容和结构展示，以及粗略布局，能够说明用户将如何与产品进行交互，体现开发者及UI设计师的idea，体现用户所期望看到的内容，体现内容相对优先级等等。