大家好！今天让小编来大家介绍下关于产品原型页面设计_产品原型页面设计图的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

文章目录列表:

• 1、产品经理该不该画原型？原型设计上谁负责
• 2、App 产品原型设计用什么软件
• 3、交互设计师怎样做网页产品的“原型设计”
• 4、产品技能-业务流程与原型设计

一、产品经理该不该画原型？原型设计上谁负责

我作为10多年互联网行业的老鸟，从三个问题的回答来一次性解决你所有问题。

一、产品经理应不应该画原型？

直白地说，产品经理是不应该画原型的，或者说不应该只画原型。

原型仅仅是工具，它是用来阐述界面操作流程的。原则上，产品经理是不会直接控制这个环节的。

那么产品经理应该做什么呢？对于产品经理来说，需要更多侧重分析用户需求、规划功能上。张小龙说过：“产品经理是站在上帝身边的人。”他把产品经理比喻成看透芸芸众生及人性的上帝视角玩家，那么上帝身边的人就要根据用户的需求，为这个产品设定游戏运转规则，整体上推动产品运转，不客气地讲，脏活累活是甩给交互去做的。

产品经理确实也需要画图，但应该画的是“故事板”，向大家讲清楚，我们这个功能，在用户的真实生活中是帮他们解决什么困难的，舍本逐末，不可取。

当然，这是把产品和交互分成两个角色来说的。一个思考需求，一个思考实现。只要足够牛逼，包圆儿了也没问题，只是不要再招一个交互了，会害了人家。

二、产品经理应不应该懂交互设计？（你应该也很想知道）

答案是肯定的！您可能会觉得矛盾，上文说产品经理不应该画原型，那为什么非得还要懂交互设计？这不矛盾。

产品经理对待产品要像孩子一样呵护，如果完全禁止产品经理不画交互设计稿，就好像不让扎克伯克写代码一样的感觉；反过来看，有几个产品经理可以把代码（或交互稿）的工作做得像扎克伯格一样优秀呢？

究其原因，国内产品经理现在画交互设计稿的现象，是行业起步落后和交互设计人才缺乏最主要的原因。产品经理应该不应该画交互设计稿，很大程度上取决于广东会和组织架构。

我认为正确的做法应该是，产品经理对待交互稿，应该是快，草；快速梗概的把信息传递给交设计师，交互设计师根据大致概念信息形成细化的方案，这个是两者最大的区别。如果说配合，这样的配合是最高效的，这里。

三、产品经理和交互设计是应该怎么分工？（之前的方法论，这条是落地执行干货）

产品经理主要负责用户需求整理，规划，功能筛减，商业模式、运营模式探索，版本迭代时间规划，敏捷开发功能点描述等；

如果是WEB端的产品，交互相关的东西会涉及的比较少，由于产品经理洞悉各个功能点，倘若对原型设计较为精通，那么由PM亲自操刀出来的原型，既有利于开发人员了解功能点，又能减少与交互设计师沟通的时间，如此可以大大提升工作效率。

如果是移动端的产品，交互相关的东西会涉及的比较多，由于产品经理需要规划每个功能点，倘若操刀交互细节，将会非常费力，这个时候可以考虑将交互的细节分给交互设计师来做，自己全心全意规划功能，此为上策。虽然花费了一些沟通成本，但优化后的交互细节，在用户体验上会达到一个更加专业的程度。

综上所述，产品经理的demo和交互设计是的demo，最大的区别在于对交互细节的描述上，亦需根据产品的交互复杂度来定。

题外话：作为产品经理，需要不断提升自己的能力，熟悉使用各类工具和在线设计平台，比如国外的软件Sketch、Axure、justinmind，以及国内的摹客在线产品设计协作平台。不管是交互还是技术甚至是UI审美方面，都要保持进步，这样才能应对更多的复杂急性事件。

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

分享一些我切身体验后的一些原型设计软件，你可以根据自己实际需求来选择~

• 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组件，支持自定义。另外它有不错的用户测试功能，支持视频录制。并且在移动组件时，能够实时在画布看到组件之间的距离。另外由于服务器的原因，有国内用户反应速度有点慢；收费较高，性价比一般吧。

• Moqup：支持线框图，原型，和逻辑流程图。里面组件数量蛮多，像表格这些也有，做web项目比较便利。支持在线预览和分享，支持评论，不支持标注。上手较容易，不过没什么模板，UI有点过时感。

希望对你有帮助~有疑问的地方欢迎追问！

三、交互设计师怎样做网页产品的“原型设计”

常用工具：Axure、AI、PS、Sketch。
交互原型的内容方面要包括所有视觉效果，动画效果，页面链接跳转，数据输入，逻辑判断等，越接近真实产品越好。

四、产品技能-业务流程与原型设计

业务流程图

将服务的场景转化为可见的流程

visio
process on

- 明确用户与任务
- 确定开始和结束时的状态
- 调整中间过程顺序
- 解决异常情况
- 优化调整细节

- 产品兼容问题
- 权限管理问题
- 技术性问题率

页面原型图

将产品页面具体化

- Axure
- mockup
- sketch
- mocking bot

（1）明确页面流程
- 功能是什么？
- 有哪些交互？

（2）绘制原型图

- 有输入必有输出
- 有输入必有限制
- 有输入必有校验

（3）要求
大公司产品经理：
①手绘稿
②低保真原型（确定元素：图片、文字、按钮、商品）

大公司交互设计师：
高保真原型（确定样式：图片大小、Px间距、字体&字号、icon 样式）

小公司产品经理：（可能没有UI设计师）
①手绘稿
②低保真原型（确定元素：图片、文字、按钮、商品）
③高保真原型（确定样式：图片大小、Px间距、字体&字号、icon 样式）

产品「AppSo」，体验整个功能逻辑：点击发布——搜索app——编写内容——等待审核——发布成功。梳理整个体验的页面流程并还原2 - 3个主要界面的低保真原型图。

AppSo的宗旨是：让智能手机更好用的秘密。它是国内第一的数字应用社区，有了AppSo你的iphone 才是iphone 。
它为你发掘最优秀（颜值高、功能好）的移动互联网产品，教你如何用好自己的智能手机，过上有品质的数字生活。它是一款搞机玩家、产品经理、创业者等智能手机重度用户一定喜欢的APP，会让你成为一个优雅的数字生活家。

Process on
MockingBot
【参考解析】

   以上就是小编对于产品原型页面设计_产品原型页面设计图问题和相关问题的解答了，产品原型页面设计_产品原型页面设计图的问题希望对你有用！

   免责声明： 1、文章部分文字与图片来源网络，如有问题请及时联系我们。 2、因编辑需要，文字和图片之间亦无必然联系，仅供参考。涉及转载的所有文章、图片、音频视频文件 等资料，版权归版权所有人所有。 3、本文章内容如无意中侵犯了媒体或个人的知识产权，请联系我们立即删除，联系方式：请邮件发送至 cnc1698@l63.com