画原型

这里说的用户体验，不是说原型设计需要考虑用户体验，而是说，原型图的设计，需要考虑看的人的用户体验，即开发人员的用户体验，如何让自己的原型图在写最少图文的情况下最容易让人看懂，就是原型图绘制的最高级目的。比如，相比于大段大段的文字去说明一个按钮的跳转，我会选择利用函数等去做好原型图的交互逻辑，做好每个按钮的点击事件，这样就很容易让开发人员理解了，开发人员也是人，看一大段一大段的文字，可能也会有点烦躁，这样不利于开发人员的用户体验。当然，也有一些确实是没办法运用axure等原型设计软件的交互逻辑去说

产品经理为什么要画好原型？ 1，这是一个基本的素质。一个人最基本的职业素养和能力基本都在第1点体现出来了。如果你画不好，就需要刻意去练习。 2，画好原型，反过来有助于你前期对业务的理解，无论是在大局观上思考业务，还是在细节上思考业务。 3，画好原型，有助于你对原型的细节把握更好，进而做出来就是一个完整的产品方案。而不是几张零散的草稿。 4，画好原型，拿出来评审、探讨时，大家通过你的原型才能找到产品的感觉。才能体会到：哦，原来产品上线可能是这种样子。那么这个气质是否符合我们的业务？是否是我们想要的

1、原型不是产品经理PM的唯一产出，但原型是PM必须懂的一环。 2、原型是产品设计顺理成章的产出，当你非常了解你的产品，原型是小case，如果你觉得原型很浪费时间，只能说你没想的足够明白。 3、原型有助于和老板、UED、UI、技术等多部门的沟通和讨论，空谈无益，拿着原型图来讲解就是四两拨千斤，一个好的原型，有助于让所有相关人员都统一思想。 4、PM不做原型而扔给UI、UED是不负责任的表现，你自己没整明白的事情，让UED参与，那不是害别人吗？你嫌做原型浪费时间，人家又何尝不是这么想呢？

对于产品经理而言，如何简单高效地完成需求梳理、产品原型等工作，学会运用工具太重要了。作为一个Axure用了五年，Sketch的正版付费用户，当有更为便捷的设计工具上线后，我还是会第一时间选择试用，因为每一次尝试都可能是一次效率的变革。最近发现的一款设计工具“码前”，不吹不黑，这款工具的很多功能确实能有效提升工作效率，用起来也顺手。作为一名产品经理，我就从需求梳理、产品原型和UI设计三个功能角度进行分析吧。 快速创建思维导图，高效完成需求梳理 码前通过简单勾选就可以快速完成应用程序功能梳理,

在线原型图绘制工具相比于传统设计软件如Axure等有得天独厚的优势，它不需要安装、不限制地点、不限制操作系统，无论你使用的Linux, Mac 还是Windows，你都可以使用这些工具。 一、墨刀 墨刀是一款在线原型设计和协同工具，墨刀有内置丰富的UI素材和模板，清爽的界面，让设计原型的过程顺畅高效。 墨刀同样支持Sketch设计稿的导入，拖拽式创建交互链接，可以通过链接或者二维码在电脑端或者移动端快捷预览原型。此外，设计师也可以通过墨刀进行自动标注，开发者也可以用墨刀进行切图。 二

根据自己多年的产品经验，梳理了大部分APP都会用到的交互，并用Axure画出最简洁的实现步骤。 如果你的上级希望你画带交互的APP原型或者需要演示给甲方客户看效果，可以把这篇文章收藏起来备用。 页面跳转 页面跳转是指可以从一个页面跳转到其他页面，也可以返回到最初页面。 操作步骤：首先画出一个个页面，然后在需要跳转的页面中选中热区，最后给它设置交互事件“从当前页面打开新链接”，详细步骤见下图： 所谓的热区，是指点击哪里会跳转到新页面。往往是一个图形按钮或者文字按钮。 显示多屏内容

对于原型图这个概念，那个时候连原型图是什么都不知道，感觉很高大上。但是现在不仅知道了什么是原型图，也有了一些基本了解。 原型设计小技巧 对于一个产品经理来说，一个产品原型图的设计关系到产品的成型质量，因此我们在开发原型图之前必须要做好相关的准备功课，那么关于产品原型图的设计应该怎么样做才是最好的呢？ 1、制作产品流程图 对于一个产品原型图的设计，必须要提前做好一定的产品流程图，只有做好相关地产品流程图，才能够帮助自己做好相应地产品原型图设计。 2、提前设计手稿原型图

有经验的设计师或产品经理在画原型时都会选择适合自己的原型工具，小编精心挑选了几款原型设计工具对其功能进行了介绍，以供各位参考选择。 1. 码前Devbefore 价格：个人版 免费 如果你是一位热爱设计，却无从下手的设计新手，那么这款原型工具绝对能带给你意想不到的惊喜！ 作为原型工具中的后起之秀，学习曲线低，操作简单。功能也十分齐全，拥有丰富的组件和图标，自带流程图和脑图功能，能建立自己的组件库和自定义样式库等。一个人完成原型设计心有余而力不足？别怕，它新增的团队协作功能，秉承了简

本文介绍了 13 个专业易用的画原型工具，助你快速制作可验证的原型设计。 1. Invision App Invison App 是一款快速简单的原型设计的工具。适合产品人入门，在团队内广泛使用。 「原型图出来以后，可以直接放上invision，开发和UI，有疑问直接在原型图上标注说明，所有交互细节，我也在上面标注，换种方式写文档，更加高效，并且能减少一部分沟通成本。」 2. Baron Fig + POP Baron Fig + POP非常方便的快速绘制APP构想的工具。Baron

什么是原型呢？原型是产品的最初形态，确认用户对产品界面和操作功能可用性的需求，高保真原型接近于产品的最终形态，但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架，对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 一般在进行主要页面原型设计之前，设计师需要了解设计需求，如果身兼了需求分析或产品分析等角色，设计过程就会稍微简单一些，因为已经了解了从用户需求到转化成可实现需求的整个过程，否则的话至少需要产品负责人员提