创造产品原型

❶ 产品状态原型是什么意思

这里有三条关于原型的定义：

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

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

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

另外说说，原型设计目的主要有两点：

1、沟通： 因为是原型是需求和功能的具象化表达，所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。

2、测试：因为原型相较于UI稿来说修改更方便，所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试，就直接上产品和服务。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

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

❷ 产品交互原型用什么做

国内外很多制作产品交互原型的软件，下面我分享几个比较常用的制作原型软件，希望对你有帮助~

• Axure：发展较早的一款原型设计软件，因而名声较大。无限画布，适合做低保真到中保真度的原型。功能很多，也让学习起来有点难度，网上有很多axure教程就不多说了。本地型软件，可以下载html文档预览，手机预览不方便。

• 墨刀：国产的一款原型设计协作工具，比起axure来非常容易学会，内置组件很多，创建页面跳转也比axure简单太多。因为是一款在线工具，可以云端保存工作，这点确实很便捷。另外，通过分享链接就可以分享原型给别人看了，如果涉及到跟同事对接什么的，选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。

• Invision: 可以说目前是国外发展最大的在线原型设计工具，主打“交互原型”和“协作”，支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch，想满足更惊喜的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题，而且，贵。（土豪公司无视）

• Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具，支持PS和sketch设计稿导入做交互原型，本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash，这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。

• POP（Prototyping on Paper）：这款比较另类，是给拍照的手画草图直接做交互。操作轻巧简单：先用手机拍下草图原型(存到POP app内)；然后开始编辑图片的哪个区域（按钮）链接到什么页面，添加跳转链接热区，就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等，即可满足一般的动态演示需要。但功能较为简单，对更深的需求无法满足。

• Proto.io：也是国外的一款手机原型开发平台。支持在大多数的浏览器运行，共享和协作操作方便，可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件，支持自定义。另外它有不错的用户测试功能，支持视频录制。并且在移动组件时，能够实时在画布看到组件之间的距离。另外由于服务器的原因，有国内用户反应速度有点慢；收费较高，性价比一般吧。

有疑问可以追问，满意请采纳，谢谢~

❸ 产品经理该不该画原型原型设计上谁负责

摘要：一个合格的互联网产品经理在向技术部提交产品策划方案时，除了详尽的需求说明外，还必须提供清晰易懂的产品原型设计方案，优秀的原型设计不仅方便在前期进行研讨，也可以更好的帮助美工和开发人员理解产品特性，从而节省时间，提高效率。

原型设计是什么：

产品原型简单的说就是产品设计成形之前的一个简单框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。

总结：产品经理也许不是专才，但一定是全才产品经理不是万能的，他的策划文案和原型设计方案也需要经过多次的修改完善原型设计注定是要用来修改和完善的，不要花费太多精力在原型的外观美化上，除非你本来就很擅长外观设计

❹ 如何通过原型制作来实现信息产品创意的流程

什么是产品原型
说的简单一点，产品原型是设计方案的表达，是产品经理、交互设计师的重要产出物之一，也是项目团队的其它成员（尤其是设计师、开发人员）的重要参考和评估的依据。

结合我们前面了解的知识，产品界面原型其实就是页面级别的信息架构、文案设计、及页面和页面之间的交互流程，它是产品功能与内容的示意图。

直接上几个原型图，可能会更加清晰明了，如下图：

原型设计稿

产品设计原型按照精细程度来分，可分为低保真产品原型和高保真产品原型、设计成品

低保真产品原型

所谓低保真原型，其实是对产品较简单的模拟，它只是简单的表述了下产品的外部特征和基本功能构架，很多时候都是用简单的设计工具迅速制作出来，用来表示最初的设计概念和思路。

比如用纸和笔进行的手绘，用画图软件做出的简单线框图，都算是低保真产品原型。

这样的原型图有几个好处：

可以快速产出：有时候一个需求的开发周期很短，低保真原型可以快速满足同事的时间要求。
修改成本低：一个产品策划很可能会被修改很多次，低保真的原型修改起来很方便。
当然，低保真原型也会有几个问题，比如交互细节不清楚，容易造成误解等。通常来说，一般只有时间比较紧迫，需求也比较简单的时候，我们才会去产出低保真产品原型。

高保真产品原型

高保真产品原型，则是高功能性、高互动性的原型设计，是忠实展示产品功能、界面元素、功能流程的一种表现手段。原型图中无论是功能模块的大小，还是文案设计甚至是所用的图标、图例、交互动作，都使用真实素材，或者说和最终UI设计师的产出非常接近，就算是高保真产品原型了。

高保真的好处：

便于梳理产品细节：制作高保真原型的过程中可以让产品经理提前发现产品潜藏的各种问题，提前处理风险。
更容易让其他成员了解产品设计：有时候简单的线框图无法让别人想象出你要做的事情，也不清楚你要放的是哪几个字段，而高保真原型就可以。
相对而言，劣势就是制作周期比较漫长，涉及到产品流程的修改，那基本原型就得回炉重造一遍。

对于刚入门的产品经理，我一直建议有时间的话，还是尽可能多的画高保真原型。因为在一开始产品设计经验不多的情况下，通过设计一些高保真原型，对梳理自己的产品思维、了解产品设计是很有帮助的。对于已经入门很久的同学来说，则看需求的复杂程度和时间安排，比如产品的关键页面是必然要用高保真原型去设计和梳理的。

设计成品

设计成品在这里，你也可以理解为是视觉设计师产出的UI设计稿，也就是设计师对你的产品原型进行美化之后得出的作品。设计师会运用一定的设计规范，来将你的原型变成可以让开发进行实现的作品。

❺ App 产品原型设计用什么软件

那axure和腾讯cdc的uiddesigner，还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure，后两者所谓的交互其实都是不同的界面截图之间的切换，说白了就是多节点式结构的ppt，不是真正的交互。axure的思想更接近实际开发，比如通过master实现界面元素的封装复用，条件判断，函数，变量。这些功能除了开发工具，原型工具还有谁能比得上axure吗？ app原型相比网页，界面结构简单，但交互复杂得多。界面上的div也不是平铺的，为了有效利用空间会用到很多层叠，卡片式之类的展示方式。要做这类高保真可交互原型，觉得非auxre莫属。比如一个tableview滑动到顶部刷新，底部回弹，不借助开发只有axure能做出来。 从07年开始用axure，曾经一度认为做网站原型，axure已经不需要再怎么改进了。自从做app之后，觉得axure有点根不上时代，但试了其他工具，还是觉得auxre最合适。仔细做过几个以后，觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网，或者axshare上，或者有一个html runtime的app，可以在设备上直接浏览axure输出的html。 当然axure作为一个工具，不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想，把UI和素材分离出来，就像换皮肤一样，一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计，确定交互以后，可以把设计师的图贴上去，这样就100%保真了。 axure对app设计不友好或者说最落伍的地方，就是支持的事件类型太少。交互上无法模拟出多点触摸，无法模拟设备运动，无法模拟各类传感器……或许对一个原型工具来说，要求太高了。

❻ 做产品原型设计有哪些需要注意的问题

1、画原型前先考虑好业务逻辑和交互逻辑。梳理好逻辑关系，在开始原型设计时才不会出现前后矛盾的状况。

2、原型图要规范，简单整洁，主要可以概括为：页面框架要清楚；页面不影响设计；页面元素要统一；页面排版要整齐。
3、原型设计不宜占用过多时间。原型图的意义是为团队成员呈现产品的主要功能和逻辑关系，因此不能为了好看而主次颠倒。对于产品经理来说，在原型设计阶段，只需要使用摹客Mockplus之类的专业工具，就能快速完成原型设计，更多的时间则留给用户需求和产品功能的整理，这样才不会犯本末倒置的错误。

❼ 需求是如何变成产品原型的

一、捋顺业务流程
二、梳理产品流程
三、整理产品结构，可以多看多学，对一些常见的产品结构要足够了解
四、拆分页面，保证用户能够顺畅完成操作
五、原型设计，可以使用Mockplus等快速简单的原型设计工具，根据相关需求快速搭建原型，并一键分享演示，带入场景模拟用户操作，看看是否有不合理的地方。
通过这五步，基本可以实现需求到产品原型的转变。

❽ 什么是Axure及产品原型

在界面设计初级或中期，为了能够方便和其他设计师讨论、测试产品相关的设计想法，需要利用各种原型工具将产品模型做出来，一个个界面修改和迭代，必要的时候，还可以制作成动态的模型，直接测试，看看可能会有哪些问题或不足等。
Axure 是一款老牌原型设计工具，是目前为止，市面上使用比较普遍的工具，全面支持原型、交互和分享功能。但是，对一些原型设计小白来说，学习难度还是蛮大的，上手较慢。目前国内也有许多优秀的原型设计工具，比如摹客Mockplus，可以说是一款简化版的Axure。原型制作快速、简单、高效。原型项目类型全面、交互丰富、拖拽即可实现、团队分享、协作和评论功能也能实现。适合初期快速绘制原型图，中期和后期快速协作、迭代和测试。

❾ 产品原型工具有哪些

那axure和腾讯cdc的uiddesigner，还有在线的fluidUI也可以考虑。其他好像没有了吧。但除了axure，后两者所谓的交互其实都是不同的界面截图之间的切换，说白了就是多节点式结构的ppt，不是真正的交互。axure的思想更接近实际开发，比如通过master实现界面元素的封装复用，条件判断，函数，变量。这些功能除了开发工具，原型工具还有谁能比得上axure吗？app原型相比网页，界面结构简单，但交互复杂得多。界面上的div也不是平铺的，为了有效利用空间会用到很多层叠，卡片式之类的展示方式。要做这类高保真可交互原型，我觉得非auxre莫属。比如一个tableview滑动到顶部刷新，底部回弹，不借助开发只有axure能做出来。我从 年开始用axure，曾经一度认为做网站原型，axure已经不需要再怎么改进了。自从做app之后，觉得axure有点根不上时代，但试了其他工具，还是觉得auxre最合适。仔细做过几个以后，我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网，或者axshare上，或者有一个htmlruntime的app，可以在设备上直接浏览axure输出的html。当然axure作为一个工具，不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想，把UI和素材分离出来，就像换皮肤一样，一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计，确定交互以后，可以把设计师的图贴上去，这样就 %保真了。axure对app设计不友好或者说最落伍的地方，就是支持的事件类型太少。交互上无法模拟出多点触摸，无法模拟设备运动，无法模拟各类传感器……或许对一个原型工具来说，要求太高了。