软件开发——原型设计和demo有什么区别

首先，简单介绍

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

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

其次，负责人员

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

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

最后，使用工具

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

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

交互设计中原型图和线框图

设计当中的原型，想必没有接触过的人脑袋都是大大的问号的！关于原型的疑惑也是十分的多！原型是必需品吗？原型不是产品经理画的吗？原型是什么软件做的？原型是包含什么内容的？原型要不要画高保真的？以上的这几个问题是比较多人对于原型的一个疑惑！对于原型，如果你也有同样的问题，那么就跟随我一起来解开谜底~交互原型的概念：用线条、图形、形状等描绘出的产品框架，也称线框图。综合考虑产品目标、功能需求场景、用户体验等因素，对产品的各版块、界面和元素进行的合理性排序过程。交互原型简单的说就是：接近于中高保真的产品设计稿，主要是设计人员、产品经理会进行设计的原型图！指产品上某个按钮操作了之后会引发什么样的操作，这个过程要考虑用户体验的因素。原型是指将产品概念形象化的产物，是用来确认需求和不确定性的，也可用作最终产品形态的参照物。交互原型重要吗？当然重要啦~产品阶段:ldea→需求采集→功能结构→原型设计→产品需求文档(PRD文档)→Roadmap原型设计在整个产品流程中处于最重要的位置，有着承上启下的作用。原型设计之前需求或是功能信息都相对抽象，原型设计的过程就是将抽象信息转化为具象信息的过程，之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、客户、交互设计、UI设计和技术开发的沟通产品思路。因为原型相较于UI设计稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率！什么人群会进行交互原型？1、产品经理2、客户3、交互设计4、UI设计5、技术研发交互原型类型有哪些？1、手绘原型(草图)所需工具:铅笔、橡皮、白纸铅笔相比于中性笔的好处在于方便修改，白纸的好处在于安静的随心所欲，不过对于移动产品的设计来说，推荐使用印有手机框架的白纸(网点本)上绘制，以便于快速进入情景状态，也能寸首屏的界面分配做到心中有数。2、工具类原型AxureRP(推荐)、墨刀、XD、Justmind(App).Keynote(最近比较火，适用于MacOS)AxureRP是主流原型工具，PC端PM还是移动端产品经理.都比较熟悉，通过工具绘制的产品原型已经比较正式，如果添加了色彩和交互动作(高保真)，可以与最终产品形态无异.交互原型基本组成：1-1产品结构：在我们的原型里首先需要把产品的结构给展示出来，方便给设计开发等人员一个整体的了解——我们要做什么;1-2页面构架：原型就是一个粗糙的没有做过视觉设计的线框。所以在原型.片/扌?钮/文字段落/选项等都是需要去标明出来的，但是请注意在原型中组件保持统一样式;1-3功能状态：产品的一个功能可能会有不同的状态;1-4标注逻辑：在原型里加上标注和逻辑关系其实，以上都是交互原型的理论知识，当然初次了解AxureRP就是得先从交互原型的开始学起，如果连源头都清楚，那么后面操作也不会有多好的效果~

直白点呢，线框图更多是在设计初级，直接快速勾画的网页或软件产品的主体结构、用户流程或者页面跳转关系等， 方便设计师或团队能够快速决定产品的宏观设计方向，从而尽快开始细节设计。

而原型图，相对线框图，呈现了更多的细节或交互。我们所看到的的往往是一页页呈现的网页或app设计。根据细节的呈现程度以及提供资源的质量，分为低、中、高三种。最值得提及的就是高保真原型，不仅提供丰富的页面细节，还添加大量动画和交互，与产品的真实状态非常接近，能够直接交互并测试。

总之，不管哪种类型，都是为了方便设计团队沟通，加快设计流程的重要资料，是设计们经常使用的设计资源。当然，对他们比较陌生的设计师，也可尝试使用摹客设计工具，快速绘制线框图或原型图，切实的查看他们之间的区别。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com